Въпрос за просто css меню ?

confiscate

Registered
Здравейте ,
Може ли да ми кажете на това меню как всички бутончета да са оградени с линии , защото сега като съм задал: border-left:1px solid #ccc; от дясно на контакти няма линия , а като задам border-left..... и border -right.... линиите се припокриват и се удебеляват ?

Ето кода:

html
Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="container">
<div id="topLine"></div>
<div id="navigation">
<div class="menu">
<ul>
<li><a href="#">Начало</a></li>
<li><a href="#">За мен</a></li>
<li><a href="#">Фотогалерии</a></li>
<li><a href="#">Статии</a></li>
<li><a href="#">Слайдове</a></li>
<li><a href="#">Интересно</a></li>
<li><a href="#">Форум</a></li>
<li><a href="#">Контакти</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>

css
Код:
ul , p {margin:0; padding:0;}
html,body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:1.5em;
	text-align:left;
	width:100%;
	height:100%;
	margin: 0;
	padding:0;
}

#topLine {background:url(../img/topLine.jpg); height:5px;}
#navigation {background:url(../img/navigation.jpg) ; height:106px;}
.menu {position:absolute; right:5px;}
.menu ul {list-style-type:none; }
.menu li {float:left; font-size:17px; font-weight:600 }
.menu a {padding:42px 15px; display:block;}
.menu a:link {color:#767676; text-decoration:none; border-left:1px solid #ccc; ;}
.menu a:visited {color:#767676;}
.menu a:hover {background:#fff; color:#d46432; text-decoration:none; font-weight:600;}

Благодаря предварително за помощта !

Поздрави
 
замени css с този:

[css]ul , p {margin:0; padding:0;}
html,body {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:1.5em;
text-align:left;
width:100%;
height:100%;
margin: 0;
padding:0;
}

#topLine {background:url(../img/topLine.jpg); height:5px;}
#navigation {background:url(../img/navigation.jpg) ; height:106px;}
.menu {position:absolute; right:5px;}
.menu ul {list-style-type:none; }
.menu li {float:left; font-size:17px; font-weight:600 }
.menu li a {padding:42px 15px; display:block;}
.menu li a{color:#767676; text-decoration:none; border-left:1px solid #ccc;}
.menu li:last-child { border-right:1px solid #ccc;}
.menu li a:visited {color:#767676;}
.menu li a:hover {background:#fff; color:#d46432; text-decoration:none; font-weight:600;}[/css]
 

Горе