margin-left koduyla biraz soldan iteleyebilirsin. hover kodunuda görmeden bişey diyemem.
Teşşekkür ederim istediğim gibi ayarladım sonunda birde şu hover a da yardım edebilirsen çok iyi olur hocam.
body {
padding: 50px;
}
#menu {
text-align: center;
left: 0px;
top: 157px;
position: absolute;
font-family: Arial, sans-serif;
font-weight: bold;
text-transform: uppercase;
margin: 0px px;
padding: px;
list-style-type: none;
background-color: #1377c5;
font-size: 13px;
height: 60px;
width: 1365px;
border-top: 2px solid #eee;
border-bottom: 2px solid #ccc;
float: left;
display: block;
text-align: center;
}
#menu li {
float: left;
margin: 25px px;
margin-left: 25px;
}
#menu li a {
text-decoration: none;
display: block;
padding: 8px 10px;
line-height: 40px;
color: #FFFFFF;
}
#menu li a:hover, #menu li.active a {
background-color: #1B1919;
opacity: 0.3;
filter:alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
border-bottom: 2px solid #DDD;
}