Botão com css

[Dell 0]

Eu tenho um código bem pratico para criar um botão, porém ele deixa uma margem que está me incomodando muito. Não consigo encaixar no layout devido a margem que dá quebra de linha com tudo que tento colocar ao lado dele.

Nada para do lado do botão, assim é impossivel de utilizar.

<style>
#menu ul {
margin : 0;
padding : 0;
list-style-type : none;
}
#menu li a {
height : 22px;
width : 130px;
display : block;
text-decoration : none;
text-indent : 0;
cursor : default;
color : #fff;
}
#menu li a#botao {
background-image : url(ok.gif);
}
#menu li a:hover {
background-position : 0 -22px;
}
</style>

Para usar é o de sempre:

<div id="menu"><ul><li><a href="#" id="botao"></a></li></ul></div>

O problema é colocar alguma coisa do lado sem que ele espirre para baixo.

[William Bruno 1501]

E se o menu fosse só uma imagem mesmo, e você a posicionasse no CSS?

#menu {
position: relative; /*novo contexto para o img */
}
#menu img {
position: relative;
top: -yy px; /*valor para posicionar o botão*/ 
}

<div id="menu"><a href="#"><img src="ok.gif" alt="" /></a></div>