Firefox background issue

[Shanoon]

I literally solved this within seconds of posting. =/ Sorry everyone.

Well, in my many years of webdesign this is the first time I've ever openly asked for help. So please be nice to me. =P

My issue is with my beloved Firefox - which I know is a webstandards browser, so it's not its fault - but a background within a div isn't repeating. I think I know the problem; it's probably because the div in question has no "content" per se (it only has other divs inside it), and also has no set width.

This is the URL in question:
http://chiyo.half-blood.net/

This is the CSS in question (div.content is the messed up one):
div.content {
width: 100%;
height: 100%;
background: url('http://chiyo.half-blood.net/images/layout/content_.jpg') center top;
}

div.content2 {
width: 100%;
height: 335px;
background: url('images/layout/content.jpg') no-repeat center top;
}

div.content_container {
margin: auto;
width: 776px;
}

This isn't an HTML { height: 100%; } issue to the best of my knowledge. It's simply the absence of actual content and a height attribute. Does anyone know a workaround? Oh- and putting content in the div isn't an option; div.content2 should answer any questions about that.

Thanks!

EDIT: .......... Doh. I solved it, haha. height: 335px; in div.content2 was messing it up.