Problema ubicacion

[juane27]

Buenas, bueno les comento que tengo un problema con la creacion de un menu horizontal mas exactamente con la ubicacion de un elemento. Aca les dejo unos screenshots y parte del codigo que use.




Codigo html

Código:

<p><a id="some" href="#" title="some"><span>some</span>
    </a><a id="hosting" href="#" title="hosting"><span>hosting</span></a>
    <a id="services" href="#" title="services"><span>services</span></a>
    <a id="solutions" href="#" title="solutions"><span>solutions</span></a>
    <a id="support" href="#" title="support"><span>support</span></a>
	<a id="contacts" href="#" title="contacts"><span>contacts</span></a>
    <a id="search" href="#" title="search"><span>search</span>
	</a>	</p>

CSS boton contacts

Código:

#contacts
{
float:left;
	display: block;
	width: 120px;
	height: 33px;
	background-image: url(Images/contacts.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color:#000000
margin-left: 0px;
margin-right: 0px;
}

#contacts:hover
{
	background-position: 0 -33px;
}

#contacts span
{
		display: none;
}

espero que me entiendan, yo lo que quiero es que quede toda la barra con los botones continuada y no que queden abajo dos partes.
Bueno ojala me pueden ayudar saludos!

[comablck]

Lo ideal seria que hicieras el menu basandote con li.. es decir, en cada li seria el boton, asi no tendrias q hacer una clase para cada uno, y manipular la lista con el css, y obviamente pones la lista en horizontal. Espero te ayude.