horizontales menu

[may]

hi leute,

ich möchte eine horizontale nav-leiste erstellen, dass problem liegt in dem wort horizontal. ich denke es liegt sicher am wert von DISPLAY (hier BLOCK), wenn ich aber einen anderen wert setze, dann werden die link-buttons nicht mehr richtig dargestellt. Es werden dann angaben zur höhe und padding ignoriert.

______________________________
hier der css code

#navi {
margin-top: 0px;
}

#navi a {
display: block;
font: 10pt Verdana;
padding-top: 30px;
text-decoration: none;
width: 82px;
height: 22px;
font-weight: bold;
margin: 1px 0;
color: #FFF;
background: #888888;
text-align: center;
}

-> folgende angaben lass ich aus, denn sie sind ja uninteressant (enthalten nur farben)
#navi a:link
#navi a:visited
#navi a:hover
#navi a:active
______________________________

-----------------------------------------------------
einbindung in html:

<div id="navi">
  <a href="home.html"> HOME
  </a>
  <a href="link.html"> LINK
  </a>
</div>
------------------------------------------------------

ich hoffe mein problem ist verstanden wurden :)

thx may