li + float crashes IE6

Question

I know. The dreaded ugly browser we don't want to support, but, it seems it couldn't be simpler to crash this thing.

The URL

The images gallery is a Joomla Plugin(Sigplus) and works fine with all other standard browsers. In IE it was not showing correctly, all the images were showing in one line vertically one below the other. But the browser would not hang or crash and the gallery worked as well.

This is a Joomla plugin and I didn't want to mess with how it works, so, for IE I added a simple rule in the header :

<!--[if lt IE 7]>

<style>
li
{
float:left;
margin-right:5px;
}
</style>

<![endif]-->

This fixed the issue and the gallery shows up as it should. But, as you scroll down, as you reach the last row of images IE hangs and crashes.
I tried deleting the last 5 images thinking it was something to do with the images themselves. But now it hangs on the current last row and crashes.

Know what it could be?

Answer 1

Some solutions that might (or might not work):

1. Add a clearing div at the end of your LIs
2. Switch from the XHTML Transitional doctype to the HTML5 or XHTML Strict doctype
3. Position the UL container relative
4. Set zoom:1 on the UL and/or the LIs
5. Set height:1% on the UL and/or the LIs

There are some of the standard things that I do when IE just sucks at life.