[Gala]

Помогите разобраться, плиз. Нужно сделать вот такое меню:

div id="menu">
             <ul>
                    <li><a href="#"><span>Пункт</span></a></li>
                    <li><a href="#"><span>Пункт</span></a></li>
                    <li><a href="#"><span>Пункт</span></a></li>
                    <li><a href="#"><span>Пункт</span></a></li>
                </ul>
 </div>

#menu{
    clear:both;
    position:absolute;
    top:213px;
    left:35px;
    font-size: 16px;
    height:42px;
}

#menu li{
    list-style: none;
    float:left;
}

#menu li a span{
    display:block;
    float:left;
    height:42px;
    height:100%;
    padding: 0 7px 0 7px;
}

#menu li a{
    display:block;
    float:left;
    font-size: 16px;
    color: #FFFFFF;
    text-decoration: none;
}

#menu li a:hover{
    color:#e66d24;
    background:#FFFFFF url(image/menu_border_right.jpg) right no-repeat;
    height:42px;
    text-decoration:none;
}

#menu li a:hover span{
    color:#e66d24;
    background:#FFFFFF url(image/menu_border_left.jpg) left no-repeat;
    height:42px;
    text-decoration: none;
}

пункты меню разные по длине. При наведении отображается только menu_border_left.jpg. Почему не отображается граница справа? помогите, пожалуйста

[vladendark]

#menu li a:hover span - вроде бы правильно будет #menu li span
+ ко всему вы задаете высоту для инлайновых элементов. Надо объявить их блочными

[Gala]

если написать #menu li span a:hover{
color:#e66d24;
background:#FFFFFF url(image/menu_border_left.jpg) left no-repeat;
height:42px;
text-decoration: none;
}
то будет отображаться только правая граница при наведении (изначально отображалась левая, я ошиблась). Задала display:block, не помогло

[vladendark]

#menu li span - фигню я написал, так не ловится hower .
не проще будет через js ловить hower и подставлять класс active?
ps - поиграйте с margin у вас по-ходу span прячется под a

[Niemans]

дайте картинки

[Gala]

Вот, правая и левая границы

[Nikel']

ничего не понимаю, зачем так издеваться над кодом???
#menu a{
color:#e66d24;
background:#FFFFFF url(image/menu_border_right.jpg) right no-repeat;
height:42px;
text-decoration:none;
}

#menu a:hover{
color:#ffffff;
background:#FFFFFF url(image/menu_border_left.jpg) left no-repeat;
height:42px;
text-decoration: none;
}

у Вас в иде теги: ли, а, спан, собственно и возьмите а... куда вы там городите...
Ну можно еще ли подставить перед а... вопрос, а зачем?)
Как, на - городите, что сами понять не можете, что пишите...
Это все через запятую делается
10(фонсайзов) - font-size: 16px;
и 500(флоатЛефтов) - float:left;
Жесть... Иди те учите словарь и правописания!
Вы хоть сами понимаете для, чего Вы это пишите!?

[Gala]

Если написать так, как Вы предложили
#menu a{
color:#e66d24;
background:#FFFFFF url(image/menu_border_right.jpg) right no-repeat;
height:42px;
text-decoration:none;
}

#menu a:hover{
color:#ffffff;
background:#FFFFFF url(image/menu_border_left.jpg) left no-repeat;
height:42px;
text-decoration: none;
}

то правая рамка будет видна всегда, а левая появляется только при наведении. Границы должны появлятся только при наведении! По поводу 10(фонсайзов) - font-size: 16px; (правда их только 2) согласна, а вот по поводу 500(флоатЛефтов) - нет. В ие6 без этих 500 не работает.

Добавлено через 2 минуты

vladendark спасибо большое. Вы были правы по поводу margin. Теперь знаю, где собака зарыта

[Nikel']

Милая, извените меня пожалуйста!?(
Повел себя как дурак...(
Нужно было помочь, а не высказывать((
Плз, прости!