You will just have to reverse the html order instead.

It’s a nasty bug and not just confined to this layout but to any floated elements where you float right in a floated parent where no width is defined.

Right to left menu – well, there are other languages, from right to left. Hebrew in my case. I know, ‘Right to Left’ and ‘logical’ don’t go together but that what we have to live with…

Unfortunately IE has a major bug when you float right inside a floated container and the float effectively becomes 100% wide and therefore it can’t really be centred.

You need to always float left inside left floated containers unless they both have defined widths. There is no cure for this bug but to avoid it.

I’m not sure why you would want to reverse the order anyway as the original is in a logical order anyway .

If you are going to have nested uls then you need to take care of the cascade and cancel out any styles that you don’t want on the nested elements.

e.g. if you have this on the parent:
.navwrap ul{
position:relative;
left:-50%;
}

Then for the child you would need to say:

.navwrap ul ul{
left:0;
}

The same would be true for any of the list styles.

.navwrap li{styles…..}
.navwrap lo li{cancel out styles}

etc.

Without seeing your code I can’t really see where you are going wrong

If I want to add nested ul within the any li, what should I do to make it working in IE (right now there is a mess once I add a nested ul)?

PS: Sorry, but i don´t know english very well.

Thank you