Distanță între butoane

<div id="menu" >
<div><a href="#">HOME</a></div>
<div><a href="#">ABOUT US</a></div>
<div><a href="#">CONTACT</a></div>
<div><a href="#">GALLERY</a></div>
</div>

#menu{
opacity: 0.9;
z-index: 0;
position: absolute;
top: 217px;
width: 590px;
left: 47.3%;
height: 40px;
margin-left: -265px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-top-left-radius: 10px;
-moz-border-top-right-radius: 10px;
-o-border-top-left-radius: 10px;
-o-border-top-right-radius: 10px;
background: url(images/bg_menu.png) repeat-x center;
border: 2 px solid black;
}
#menu div a{
color: lightgray;
font-family: Arial;
letter-spacing: 2px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
#menu div{
margin: 0px;
color: white;
padding: 10px;
background: black;
padding-bottom: 10px;
height: 20px;
padding-left: 5.3%;
padding-right: 5.3%;
display:inline-block;
background: url(images/bg_menu.png) repeat-x center;
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
transition: All 0.5s ease;
}
#menu div:hover{
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
transition: All 0.5s ease;
background: url(images/bg_menu_hover.png) repeat-x center;
}

 flams, on 30 ianuarie 2013 - 19:05, said:

Edited by flams, 30 January 2013 - 19:25.

 flams, on 30 ianuarie 2013 - 19:25, said:

Edited by flams, 30 January 2013 - 19:32.

 flams, on 30 ianuarie 2013 - 19:32, said: