First CSS design: background disappears with float
So, I'm doing my first CSS design... and have run into this problem.
I'm using IE 6 and Mozilla Firefox to test it.... and my page looks fine in IE but not in Firefox.
Basically, when I add a "float:left;" or "float:right;" to the div#content the background image of div#pagecontent disappears. (the background image is the tan left side and white right side - so you'll just notice the tan is gone)
Here's with the float:
(both ways look right in IE 6 for me... but not Firefox and possibly others)
background: url('images/contentbg.gif') repeat-y 50% 0;
float: right; /* causing background image to dissapear in mozilla */
width:500px; /* this actually needs to be bigger but just testing now */
font: 10pt tahoma;