CSS дизайн модов и проблемы со старым IE6

Question

Навигация сверху в http://ci2.totalshopuk.com имеет разделители слева, что означает, что у последней ссылки нет разделителя.Я хотел бы либо удалить первый разделитель, либо добавить его в конце.

Я скопировал стиль .navmenuitem1 и создал новый .navmenuitemfirst1 и удалил фон, но, как ни странно, первая ссылка была помещена в строку вышеостальные!?(даже прямая копия стиля делает то же самое).

Пример: -

<ul class="navmenu1">
    <li class="navmenuitemfirst1"><a href="/">Home</a></li>
    <li class="navmenuitem1"><a href="/download">Download</a></li>
    <li class="navmenuitem1"><a href="/about">About Us</a></li>
    <li class="navmenuitem1"><a href="/faq">FAQ</a></li>
    <li class="navmenuitem1"><a href="/newsletter">Newsletter</a></li>
    <li class="navmenuitem1"><a href="/license">License</a></li>
    <li class="navmenuitem1"><a href="/contact">Contact Us</a></li>
</ul>

Наконец, в IE6 ни одно из фоновых изображений не показывает, я просто получаю цвет какфон ... однако фоны на исходном дизайне таблицы в http://www.totalshopuk.com отображаются правильно.

Любая помощь очень ценится!

- Дублирование всех стилей .navmenuitem исправилопроблема делителя -

.navmenuitemfirst,.navmenuitem {
    display: inline;
    margin: 0;
    padding: 0;
}

.navmenuitemfirst a {
    color: #FFF;
    font-size: 16px;
    padding-left: 30px;
    padding-right: 30px;
}

.navmenuitem a {
    background: url(../images/navdivider.png) no-repeat;
    color: #FFF;
    font-size: 16px;
    padding-left: 30px;
    padding-right: 30px;
}

.navmenuitemfirst a:hover,.navmenuitem a:hover {
    color: #E64D29;
}

Answer 1

Хорошо, ответ на ваш первый вопрос может иметь отношение к:

http://jsfiddle.net/9DTTd/1/

Я создал новый класс для .navmenuitemfirst1 a

Youвозможно, применял только новый класс, когда фоновый стиль находится в a (a является блоком с фоном).Я не вижу ошибок в строках, но проверь и дай мне знать.Это может также ответить на второе беспокойство о фоне, но у меня нет ie6, чтобы проверить его: 3

РЕДАКТИРОВАТЬ: я позже заметил, почему это не работает, глупая я.Класс должен иметь также встроенное свойство:

.navmenuitem1,.navmenuitem2,.navmenuitemfirst1 {
    display: inline;
    margin: 0;
    padding: 0;
}

Answer 2

Пробал. .Navmenuitem1 имеет позицию: относительный и float: left, а .navmenuitemfirst1 - нет.Когда Утопикам попросил сделать для него jsfiddle, мы могли бы проверить css с ним.