оставленный CSS:-50%, заставляющие IE7 проигнорировать ширину

А полностью рабочий пример availiable здесь на jsFiddle. Я сильно поощряю вас смотреть здесь, поскольку CSS является довольно большим, и я не хотел вставлять его здесь (делающий мой вопрос трудно для чтения).

у меня есть горизонтально tabstrip в центре на моем сайте, идея является предметами УЛ./LI, центрируются на странице, и у меня есть решение, которое вплоть до совсем недавно (смотрело) как он, работал над всеми конфигурациями браузера.

HTML для этого на самом деле довольно прост:

    

        
Tab One with more text
        
Tab Two
        
Tab Three is wide
    

• Каждый вкладка, он оставил набивку для левого округленного материала вкладки.
• Каждый имеет правильную набивку для округленного материала вкладки права.
• Наконец обычно заполняет создание остатка для большой цели щелчка.
• Каждый Предмет вручную разрабатывается с ширина: 190 пкс , который сохраняет их универсальную форму ширин (для хорошего визуального взгляда, это настраивается кодом сайта, таким образом, это находится в стиль по сравнению с класс .

CSS:

• CSS отделывается от простого понятия, смещается, 50%-е право, и смещается оставленных 50% ( оставленный:-50%; ) для помещения их всегда в центр основного контейнера.
• вкладки перекрывают немного использующего отрицательного поля, и z-индекс так угловые части крест-накрест (сделанный в фоновом режиме отображают, который не важен здесь)

проблема

, IE7 решает, что не собирается слушать явное стиль = "ширина: 190 пкс" , даже если ! важный добавляется к нему. Однако это только, кажется, происходит, когда уехал: -50% присутствуют на предмет. Если тот стиль удален сдвиг вкладок направо (неправильное местоположение, но корректная фиксированная ширина).

мне, это кажется, что это не связано , поскольку нет ничего эти оставлено:-50% заставили бы предметы сталкиваться с тем, чтобы вынуждать их перейти к их минимальной ширине.

Эта установка работает правильно и тестируется в:

• IE8
• IE9
• FF3.6
• FF5
• Chrome, Стабильный (v13) *
• Chrome Beta (v14) *
• Safari 3

*As от 18-го июля 2011

Так, что могло вызывать это? Почему это происходит? Как я могу зафиксировать его? Я попробовал все виды тонких настроек и не могу заставить это повиноваться ширине...

Изображение, таким образом, вы видите проблему бок о бок:

проблема http://img715.imageshack.us/img715/3686/ie7centertabsproblem.png