Some css help?

[Joe!]

www.joewarren.info/sri_lanka (http://www.joewarren.info/sri_lanka)

Right i'm trying to create this layout for my college website thing,
anyway im trying to get the whole content section to have the same background colour,
it works in IE but with firefox, only the divs within the main div change colour, rather than the whole thing.
I also can't seem to change the background colour for the body. I'll admit, I'm not good at CSS, any help would be greatly appreciated.:)

html:

<div id='content'>
<div id='main'>
This is some main content
</div>
<div id='nav'>
this is some links nd stuff
</div>
</div>

css:

#main {
float: left;
background-color: #303030;
}
#nav {
float: right;
background-color: #303030;
}
#content {
width:950px;
margin: 0px auto;
background-color:#303030;
background-repeat:repeat-y;
color:#FFFBF0;
}

[--ss--]

overflow: hidden; to your main container.

[Joe!]

Thankyou :D
edit: would give you rep but i need to spread ;(

[Meti]

I think the navigation images would look good with hover's ;)

[Joe!]

There not actually images, just css :p but what colour? Just a lighter shade? Thanks for the suggestion :)
edit: hows that?

[Meti]

I think it's:


#cssname {
background-color: #000000;
width: 0px;
height: 0px;
}
#cssname:hover {
background-color: #111111;
width: 0px;
height: 0px;
}

And I thought div's had to look like <div id="cssname"></div>? Doesn't matter I think :P