Posição independente numa div

Galera, estou fazendo um menu com estilo winXP, hehehe, mas a imagem ficou muito alta, como eu posso abaixá-la um pouco sem ter que colocá-la em outra div? estou usando lista (<li> e <ul>) para este menu... Antes eu não conseguia posicioná-lo na Horizontal, mas resolvi com display:inline; agora a imagem ta muito pra cima! hehhe

/applications/core/interface/imageproxy/imageproxy.php?img=http://img480.imageshack.us/img480/4578/barracom6ps.jpg&key=d6ae48f4a99bb411790853e07246d8f848c4c8f4b1359fc96d0c972852b2c3be" alt="Imagem Postada" />

O código da div é só uma lista com uma classe definida:

<div id="menu"><ul><li class="home"><a href="index.html"><img src="imagens/site/home.png" /> Inicial</a></li><li><a href="#">Fórum</a></li></ul></div></div>aqui o código CSS da lista só, e seus estados (hover e active q eu usei):

#menu {position:fixed;top:-12px;}#menu li {padding:15px;text-align:center;font-family:verdana;display:inline;list-style-type:none;font-size:12px;}#menu ul {padding: 3px;text-align:left;}#menu li:hover {background:url(imagens/site/fundo.png) no-repeat;background-repeat:no-repeat;background-position:center;}#menu li:active {background:url(imagens/site/fundopressed.png) no-repeat;background-repeat:no-repeat;background-position:center;}