Проблема с меню

[Kenpati]

Здравствуйте подскажите пожалуйста тут такая проблема с разделителями в меню при наведении они деваються.
Нужно чтобы при наведении разделители не девались можна так сделать?

вот пример

Edited June 19, 2014 by Kenpati

[afdw]

.nav li a:hover {

background: url(../images/menu-hover.png) repeat-x 5px 2px, url(../images/separator.png) no-repeat left bottom;

}

Edited June 19, 2014 by afdw

[Kenpati]

я тоже над этим подумывал а все браузеры поддерживают такое? ну фон через кому ?

там проблемка есть при таком решении при наведении на home видно этот разделитель.

[afdw]

.nav li a:hover {

background: url(../images/menu-hover.png) repeat-x 5px 2px, url(../images/separator.png) no-repeat left bottom;

}

.nav li:first-child a:hover {

background: url(../images/menu-hover.png) repeat-x 5px 2px;

}

[Kenpati]

Сделал так

.nav li a:hover {background: url(../images/menu-hover.png) repeat-x 5px 2px, url(../images/separator.png) no-repeat left bottom;}.nav li:first-child a:hover {background: url(../images/menu-hover.png) repeat-x 5px 2px;}.nav li:first-child a {background: url(../images/menu-bg.png) repeat-x;border-radius:5px 0 0 0;}

пойдет?

Вобщем спасибо.