'li' + float crashes Internet Explorer 6

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 it works fine with all other s开发者_如何学Ctandard browsers. In Internet Explorer, 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.

The following is a Joomla plugin, and I didn't want to mess with how it works, so, for Internet Explorer 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, and as you reach the last row of images, Internet Explorer hangs and crashes.

I tried deleting the last five images thinking it was something to do with the images themselves. But now it hangs on the current last row and crashes.

What could it be?

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.