I have this sitemap page that looks exactly what my customer wants in all browsers except (guess what?) IE6!

I am using a jQuery plugin to draw the treeview, but the margin of the elements looks wrong in IE6 and I am not able to track it down. Could anyone lend me a hand?

Here is an example: http://www.spuz.nl/wegwijs

1 answer

danwellman 5600
This was chosen as the best answer

Not sure what's actually causing it (could be something in the plugin) but to fix it, set the margin-left on nested <ul> elements to -10px (ish, you might want to play with that figure a little)

maybe use a conditional comment so that it doesn't mess with decent browsers:

<!--[if IE 6]>
  .sitemap ul li.collapsable ul { margin-left:-10px; }

That should fix :)

Answered almost 10 years ago by danwellman