Question

I have the following code:

http://jsbin.com/egiju4

That works a treat on FF and chrome, but shows all the blocks aligned in IE.

I’ve made loads of changes to it, but can’t get it to work at all.

Would anyone please be able to give me some help with it?

Thanks in advance

Answer 1

Set overflow:auto on the UL elements:

 .selectable { list-style-type: none; margin: 0; padding: 0; overflow:auto; }

Update:

I am not sure which versions of IE have problems if you don’t additionally define a width on the UL elements, but just to be safe, you can always set width:100%:

 .selectable { list-style-type:none; margin:0; padding:0;
               overflow:auto; width:100%; }