IE Rendering - <ul>

[KDLA]

I've got a test page here (http://apps.cpe.ky.gov/temp_docs/prototypes/test.htm).

View it using IE, and look at the middle column of bullets. You'll notice that once the bulleted list exceeds the height of the neighboring float, the bullets move over about 5px. Does anyone know what's causing this? I've commented out just about all the of the coding, and can't pinpoint what's attributing to the problem.

KDLA

[ryanbutler]

A full DOCTYPE fixed it for me (IE 7).

[ryanbutler]

And this fixed it for IE 6 (hasLayout) looks like:

<!--[if lte IE 6]>
<style>
#col-two{
height:1%;
}
</style>
<![endif]-->

[KDLA]

Nope. Didn't do it for me. Actually, this code is extracted from another file. I just forgot to include the doctype in the test page. Take a look at it in action here (http://apps.cpe.ky.gov/temp_docs/prototypes/kyvc/new4.htm).

edit: Didn't see your second post before initial response. The second suggestion took care of it.
Why does this happen, causing the need of a hack?

[Fang]

The list (http://www.satzansatz.de/cssd/onhavinglayout.html#list) is endless ...

[ryanbutler]

IE 6 has many "hasLayout" issues. Using the height or zoom hack, gives IE 6 a kick in the pants to give an element "layout." Usually when a particular element looks slightly off like this in IE 6 or 7, 9 times out of 10, it's this bug.

Excellent article about "hasLayout"

http://www.satzansatz.de/cssd/onhavinglayout.html