Background image not showing.help!

[fjohnson]

Hi all,
I have searched the web and tried a bunch of suggestions out there, but I still can not make the background image in my div show up in Firefox. I am completely new to CSS, and I am only using it to lay out the page to avoid nested tables. I do have a table within each div to layout the content.

I have 2 columns set up with divs (each with a table inside for the content), 1 a left nav column, and the other main content column. I have a container div for both with a background image specified, and it shows up fine in IE, but not in Firefox. Please help! I don't want to have to go back to nested tables.

----------------------------------------------------------------------
<div style="width: 970px; height: auto; height: auto; background: url('images/mainbak.gif'); background-repeat: repeat">
<div style="float: left; min-height: 100%; height: 100%; width: 157px;"><table style="width: 155px" cellspacing="0" cellpadding="0" height="100%" min-height="100%"><tr><td>Left nav content</td></tr></table>
</div>
<div id="spacer6"></div>
<div style="float: right;"><table cellspacing="0" cellpadding="0" style="width: 800px"><tr><td>test<br />test content<br />test</td></tr></table></div>
----------------------------------------------------------------------

I will pull out the styles and put them into my style sheets when I get this figured out, but for testing prposes I have left them inline.

Any help would be GREATLY, GREATLY appreciated!
Thanks!
Fiona

[fjohnson]

WooHoo...I fixed it! It was just that I did not have a float on the main div.