I'm working on a page that uses a background image. When I check it in
Firefox, it works just fine, but it doesn't appear at all in Internet
Explorer 6. I'm trying to do this with CSS, which I'm new to, so
perhaps that's where the mistake is. Here's the CSS:

div #content {
padding:15px 0;
font-weight:normal;
background:url(images/legal.gif) repeat;

And here's the HTML:

<div id="content">
Text
</div>

I realize I might be approaching this the wrong way, but it's curious
that Firefox renders correctly and IE6 doesn't. Is it a matter of
incorrect coding, or is this something IE simply doesn't do?

Any help on how I can make this work will be greatly appreciated.

Pic