Click to See Complete Forum and Search --> : [RESOLVED] Divs Overlapping


dtm32236
09-25-2007, 03:58 PM
Hi,

I'm having trouble with divs overlapping at this page:
http://www.foremostgroups.com/dev/2007corporate/products/K&B/index.html

the overlap is along the right side of the page... you'll see it.

The code is along the lines of:
<div style="width:750px;">
<div style="width:160px; float:left;">left hand links</div>
<div style="width:390px; float:left;">content</div>
<div style="width:190px; float:left;">
<div style="width:190px;">this is the first div</div>
<div style="width:190px;">this should be underneath the first div</div>
</div>
</div>

This code is probably ridiculous (I'm new to CSS), but it's so close to working....

Is there a more reasonable way I can/should do this? Why are they overlapping?

Thanks for any help.

dtm32236
09-25-2007, 04:34 PM
nevermind, i figured it out.

I had top:40px; in the first width:190px div.... so the second one was overlapping by 40px.

changing top:40px; to padding-top:40px fixed it.

thanks anyway guys!