Honcho

Как так пытался Но - все кнопки разного размера, как быть с ховером и активом для ссылок ? Они тоже скошенные и разных размеров...Ломаю голову.

Всем добрый день. Дизайнер надизайнил такое вот интересное меню (см. картинку) с наклонными разделителями...такого делать еще не приходилось. Гугл ничего толкового не подсказал. Кто может подсказать оптимальное решение ? Заранее спасибо

Извините конечно за тупость, я вторую неделю как в танке поэтому еще лажаю на ровном месте. Про специфичность я читал конечно же, но тут дело кажется не в ней - почему после задания размеров все стало ок ? Хотя мне кажется я изначально неправильно код написал, можно проще.

Спасибо за ответ , правда не понял по поводу специфичности и отображения - и для hover и для current одинаковая картинка. Впрочем, после добавления им обоим высоты и ширины, хром перестал выделываться

Добрый день всем ! Помогите новичку. В общем такой вот код - <ul id="menu"> <li id="home"><span id="current"><a href="index.html"></a></span></li> <li id="work"><a href="work.html"></a></li> <li id="contact"><a href="contact.html"></a></li> <li id="blog"><a href="blog.html"></a></li> </ul> и стили - #home { background:url(i/home.gif) no-repeat; height:40px; width:117px;} #home a { display:block; height:100%;} #home a:hover { background:url(i/home-a.gif) no-repeat;} #home #current a{ background: url(i/home-a.gif) no-repeat;} соответственно для каждого пункта. В ИЕ , мозе и опере все работает, а гугл хром не реагирует на активный id current , то есть не подсвечивает и при наведении мышой на активный пункт не реагирует на него как на ссылку. Что бы это значило ?