Weird Firefox page rendering problem

Hello all!

I have put up a test page that I hope someone can take a quick look at. It's from a Dreamweaver template I made, which originally did not have the two inner divs inside the Itext div, just text. This page looks fine in Internet Explorer, but when I view it in Firefox, the colored block from the footer moves way up and covers the content. Please take a look at:

http://auctionbandits.com/gallery_index_TEST.html

I'm new to CSS and any help or suggestions would be really apreciated!

Cris

 

First, always use Firefox, Safari or Opera as your standard test bed. IE is too buggy to depend on. DW is likely the major impediment to learning good coding practice. Do not use its design mode or its preview function.

Do this

#o#outdiv1 {    /*gallery_...TEST.html (line 78)**/
overflow:hidden;
position:relative;
width:800px;
z-index:1;
}

Code (markup):

See enclosing float elements for the explanation.

cheers,

gary

 

Hi Gary,

Thanks a bunch for the help with this! Didn't want you to think your help was going unappreciated.

Cris