Здравствуйте, нужна помощь, просто уже сил нет(
Создаю меню с psd файла.
Вот картинка, [IMG]http://savepic.ru/7555694.png[/IMG]
А вот ксс
[CSS]#menu{
margin:0 auto;
height: 44px;
width:100%;
max-width: 940px;
background-image: url(img/menu1.png);
-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
box-shadow: 0px 0px 0px 5px #e9e9ea;
padding-top:20px;
}

#menu li {
display: inline;


}

#menu li a {
padding:20px;
color:#fff;
text-decoration:none;
border-right: 1px solid #4bacbf;

}

#menu li a:hover {
color:#fff;
background-image: url(img/menu3.png);
text-decoration:none;
padding:20px;
}
li {
list-style: none;/* Убираем маркеры */


}[/CSS]

Уже так запутался с padding(
Помогите сделать такое как на картинке.
И так градиенты стоят, можно как-то без картинок такое сделать?