Border space

[rumchi]

Имам код за меню:


#menu {
width: 700px;
height: 50px;
margin: 0 auto;
background: url(images/img02.jpg) repeat-x left top;
padding: 23px 0px 0px 0px;

}

#menu ul {
margin: 0;
padding: 0;
list-style: none;
}

#menu li {
float: left;
height: 50px;
}

#menu a {
display: block;
padding: 0px 17px 0px 17px;
background: url() no-repeat right 18px;
text-decoration: none;
text-transform: uppercase;
font-size: 11px;
color: #FFFFFF;
border: 1px solid black;
border-bottom: 0px solid black;
}

#menu a:hover {
color: #FFFFFF;
}

#menu .current_page_item a {
color: #FFFFFF;
}



Тук

#menu a {
display: block;
padding: 0px 17px 0px 17px;
background: url() no-repeat right 18px;
text-decoration: none;
text-transform: uppercase;
font-size: 11px;
color: #FFFFFF;
border: 1px solid black;
border-bottom: 0px solid black;
}

ми е бордера на менюто. Как да направя да има разстояние между бордера на менюто?
Ето как се получава http://95.169.194.127/ --- забележете страните на менюто как се удвояват

Някакви идеи?

 

[ReXTaN]

#menu a {
display: block;
padding: 0px 17px 0px 17px;
background: url() no-repeat right 18px;
text-decoration: none;
text-transform: uppercase;
font-size: 11px;
color: #FFFFFF;
border: 1px solid black;
border-bottom: 0px solid black;
border-left: 0px solid black;
}

 

[rumchi]

Вие дадохте една точка за support на ReXTaN .
Натиснете тук за да се върнете в темата.

Мерси +1