divs going under divs problem

[*Warrior*]

http://www.powered-designs.com/ethan/test.html

The title and content divs are going behind the divs when they sould go under the divs I am guessing its coz of the css that this is happening ...

here is the image version so u can see how it sould look
http://www.powered-designs.com/ethan/jpg.jpg

also the boder on the topnav is not working please help ...

[jscheuer1]

Just this:


#title{
width: 790px;
height: 20px;
margin-left: 30px;
margin-right: 30px;
margin-top:20px;
background-color: #FF0066;
color: #FFFFFF;
clear:both;
}

will help a lot, it may be all you need. The floated content above the title section takes up no layout height until cleared.

[*Warrior*]

omg nice it worked

but the border on the nav is still not working how do I fix that?

[jscheuer1]

OK, there is a portion of your styles that won't do anything, here:


topnav{
width: 850px;
height: 31px;
border-bottom-color: #ff0066;
border-bottom: 1px solid;
}

It should be:


#topnav {
width: 850px;
height: 31px;
border-bottom: 1px solid #ff0066;
}

And I think you will like this addition here:


#topnav a:link {
margin-left: 30px;
color: #FFFFFF;
text-decoration: none;
vertical-align: -5px;
}

[*Warrior*]

:O

I feel stupid for over looking such a simple mistake .. yay everything is working now .. Thanks a lot :D