Any idea how to fix this UL issue in IE7?

http://www.talesunion.com/x360/vesperia

In IE7 (and only in IE7), the tab "list" gets moved to the right. I’m guessing IE7 doesn’t take into consideration the CSS rules I put in place to not tab the list.

I’ve tried a bunch of different things, with no luck so far. x_x

Hi there,

...which element do you mean exactly? can’t figure out which would be tab "list"

cheers, j


....aaaaah, okay, i see what you mean, i had noscript enabled and didn’t see any tabs at all

what about giving the ul a position:absolute; left:0px;
maybe?

Are the conditional comments for IE7 supposed to be there?

<!--[if IE 7]>
<STYLE type=text/css>.ui-tabs-nav {
FONT-SIZE: 17px
}
.tabOmni LI {
MARGIN-TOP: 0px
}
</STYLE>
<![endif]-->

The first IE conditional was to make the text smaller so it wouldn’t create a new line (although it’s still indenting).

The other is an old CSS rule I forgot to remove. *makes a mental note of that*

I’ll try sharkbait’s fix.

UPDATE: Oddly enough...



...worked. I guess setting to the left margin to 0 works (I assume IE7 must have a predefined indent or something). Thanks for all your help.