Левые плавающие элементы li не будут растягиваться на полную ширину, кроме как в Firefox

Question

В настоящее время я разрабатываю свой сайт с новым макетом и другими материалами, и после нескольких часов возни с Инспектором Chromiums не могу точно определить, почему вкладки содержимого не будут полностью растягиваться, как в Firefox или IE9.Кажется, с правой стороны небольшой пробел.

Я все еще пытаюсь привести в порядок весь css, чтобы было меньше конфликтов, но что бы я ни делал, вкладки не будут полностью растягиваться в webkit.

Вот тестовая страница, которую я настроил с помощью вкладок jquery http://bad -good.org / index.php / Troll_2

Есть идеи или обходные пути?С нетерпением жду, чтобы узнать что-то.Приветствия

Answer 1

Вы установили ul на width:100%, что делает 975px. Для li установлено значение width:25%, которое теоретически должно быть 243,75px ... Chrome приближает десятичные числа к полу (усекает их, поэтому 243,75 равно 243), как упомянуто здесь .

Я бы рекомендовал изменить ширину сайта (например, 960px) или работать с фиксированной шириной в противоположность процентам.