A few IE6 quirks that I am unable to solve..

Question

I have been working on a site for a client and I am about to wrap it up.. but unfortunately IE6 is being a pain in the buttocks.

My main problems are on this page:

http://seaport.bythepixel.com/#storage

1. The list items dont have bullets

2. The spacing below the floated items are not being cleared correctly. I applied "clear:both" to my h2 tags and it is clearing.. but the spacing bellow the floated items doesnt seem right. If you compare any other browse with IE6 you will see the spacing issue I am speaking of.

3. maybe this is just an IEtester problem, but the background image I have applied to "#full" stops and starts randomly. You can see this on the storage page and the floor plans page. I am referring to the gray to white gradient that separates the left navigation column with the right content column.

Any help as always is greatly appreciated!

Answer 1

When you set an overflow (hidden if possible) to all floated elements there might already be a lot of problems solved.

Answer 2

maybe this is just an IEtester problem, but the background image I have applied to "#full" stops and starts randomly.

I can confirm i see this on a machine with IE6 only installed.

Answer 3

1) and 3) are clearly the hasLayout bugs. You need to give the elements in question a "layout". Start with giving the #full a position: relative; (validates) or a zoom: 1; (doesn't validate).

2) is likely caused by odd use of overflow: hidden; here and there. Try removing it all and see if that helps.