floating in list causes trouble in IE6 and IE7

Question

I have a toggle list that causes trouble in old IE browsers, tried to fix it for couple of hours but I failed again and again. Please check out the jsfiddle code:

http://jsfiddle.net/vny63/

structure is similar to this:

<li class="toggle">
    <a class="left" title="gallery">gallery</a> (English)
    <span class="right float_right">3</span>
    <ul style="display: none;">
       <li class="space_left">
        lot of stuff here
       </li>
    </ul>
</li>

It is working well in IE8 and Firefox3

Answer 1

IE6 has a thing where floats only work if you mark them as:

display: inline;

But I'm on mobile and can't really test right now.

Edit: IE6 has several "things".

Answer 2

solved here: http://jsfiddle.net/vny63/11/