paeonia: horizontale Navigation margin,padding

Beitrag lesen

Hi zusammen,

folgende Auszeichnung produziert links, die etwa so aussehen:
|aaa||bbb||ccc ....
warum fallen die Linien nicht zusammen?
Wie kann ich erreichen, dass das Ganze so aussieht:
|aaa|bbb|ccc| ...

  
<!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>  
<style type="text/css">  
  
		#navigation ul {  
			display:inline;  
			margin: 0;  
			padding:0;  
		}  
		#navigation li {  
			display: inline;  
			border-right:red solid 2px;  
			border-left:red solid 2px;  
			padding: 0;  
			margin:;  
		}  
		#navigation a{  
			margin:0;  
			padding:0;  
		}  
		#navigation a:link, #navigation a:visited {  
			margin:0;  
			padding:0;  
		}  
		#navigation a:hover {  
		}  
		#navigation span {  
			margin:0;  
			padding:0;  
		}  
</style>  
  
</head>  
<body>  
  
    <div id="navigation">  
	<ul>  
            <li><span>Home</span></li>  
            <li><a href="slinks1.html">aaa</a></li>  
            <li><a href="slinks2.html">bbbbbb</a></li>  
            <li><a href="slinks3.html">ccccc</a></li>  
            <li><a href="slinks4.html">ddd</a></li>  
            <li><a href="slinks5.html">eeeeeeeeeeeeee</a></li>  
            <li><a href="s6.html">fffffffffffffffffffff</a></li>  
        </ul>  
    </div>  
  
</body>  
</html>  

Danke für Eure Antwort sagt paeonia