webdeveloper
Registered
Здравейте, имам следното меню:
Ето и снимка:
Проблема ми е, че в края на менюто от дясната страна остава едно синьо пространство, което трябва да е оранжево при hover. Как ли не го мъчих да го оправя, все не става... Имате ли идеи?
Код:
.navbar {
font-family: Arial, Verdana, Helvetica, sans-serif;
margin: 0 auto;
height: 30px;
background: url(../img/navsadf.gif) 0 0 repeat-x;
font-weight: bold;
font-size: 13px;
color: #F5F5F5;
border: 1px solid #000;
}
.navbar ul {
margin: 0 0px;
padding: 0;
float: left;
}
.navbar li {
margin: 0;
padding: 0;
list-style: none;
line-height: 27px;
float: left;
}
.navbar ul li a:link, .navbar ul li a:active, .navbar ul li a:visited {
display: block;
padding-left: 20px;
padding-right: 21px;
height: 31px;
line-height: 31px;
color: #F5F5F5;
text-decoration: none;
float: left;
}
.navbar ul li a:hover {
text-decoration: none;
background: url(../img/mfsov.png) 0 100% repeat-x;
border-bottom: 0;
}
Ето и снимка:
Проблема ми е, че в края на менюто от дясната страна остава едно синьо пространство, което трябва да е оранжево при hover. Как ли не го мъчих да го оправя, все не става... Имате ли идеи?