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

[Nailya]

Добрый день.

 

 

Не могу понять как сделать красный фон длиннее влево, чем его белая граница сверху и снизу, причем при новедении курсора на меню красный фон меняется

Вот картинка:

 

<ul class="menu_right_ul">                    <li><a href="#">ПРО РОЛЛЕДРОМ</a></li></ul>

.right .menu_right_ul li{    list-style:none;    background:#fff;    padding:1px 0;    }.right  a{    text-decoration: none;    display:block;    padding:7px 0 7px 7px;    color:#fff;    font-size: 14px;    background:#db1f24;}

У меня с эти кодом только вот так получилось: 

 

Подскажите, как сделать как в первой картинке?

[wendigo]

http://jsfiddle.net/djUQb/1/

Edited March 15, 2014 by wendigo

[Arinden]

причем при новедении курсора на меню красный фон меняется

 

К решению от:

 

http://jsfiddle.net/djUQb/1/

 

Добавьте:

a:hover {    background: green; /* Заменить на желаемый цвет */}

JSFiddle

[Nailya]

http://jsfiddle.net/djUQb/1/

спасибо большое)