Jak na mezery mezi odkazy

Ahoj,
mám stránku www.pavelzjihlavy.wz.cz a pokouším se tam udělat si na levé straně odkazy. Postupuju nebo si to aspoň myslím podle http://www.jakpsatweb.cz/priklady/jakotlacitko.html
Mám problém s tím, že už nevím jak to udělat, aby to odkazy byly normálně pod sebou a byly mezi nima mezery. Můžete mi prosím poradit v čem dělám chybu.
Posílám CSS kod:
Děkuji

body
{
margin:0; padding:0;
background:#ffffff;
text-align:center;
}

#hlavicka
{
padding: 10px;
border: 1px solid blue;
background: #dddddd;
text-align: center;
}

#obsah
{
width: 90%;
margin:1em auto;
border: 1px solid blue;
text-align:left;
max-width: 1024px;
background: url('blueyellow.gif') top left repeat-y;
}

#levypanel
{
float: left;
width: 200px;
margin:0; padding:0;
}

#levypanel-obsah
{
margin:0;
padding: 0.5em 1em;
text-align: center;
}

#hlavnipanel
{
margin:0 0 0 200px;
padding:0;
}

#hlavnipanel-obsah
{
margin:0;
padding: 0.5em 1em;
}

#paticka
{
padding: 10px;
border-top: 1px solid blue;
background: #dddddd;
text-align: center;
}

hr.cleaner
{
clear:both;
display: none
}

a { padding: 0.1em 0.1em 0.1em 0.1em;
margin-top:6.5em; margin-right:1.5em; margin-bottom:6.5em; margin-left:1.5em
border: outset 0.5em; font-weight: bold; text-decoration: none }
a:link, a:visited { background: #000080; color: #fff }
a:hover { background: #00f; color: #ff0; border: inset 0.5em }

Ahoj Bubáku,
tak jsem se to pokusil upravit podle Tvého návodu. Do CSS kodu jsem k tomu co je výše napsaáno přidal:
#menu li {list-style-type: none;}
#menu { margin-left:0em;
padding: 0.1em 0.1em 0em 0.1em; }

ale pořád ty odkazy nejsou od sebe tak ajk to má být, můžeš mi prosím, s tím ještě poradit?
a odkaz na stránku je: www.pavelzjihlavy.wz.cz

Děkuji

Tak já to zkusím,
dík za radu.

Já jsem tam ten tag <br> přidal, ale nic se nestalo.

to Bubák:
moc děkuji za pomoc. Pirik