Some css help?

[Joe!]

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
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