Menu horizontal com sprites

Estou criando um menu horizontal com sprites, utilizando o background position, só que não estou conseguindo fazer o seguinte.

/applications/core/interface/imageproxy/imageproxy.php?img=http://img151.imageshack.us/img151/7120/arquivoi.jpg&key=8e675c69d0296a1ebb817e46675f0d530fd0e26b7ff65351ac3ca1f64a6c5f18" alt="arquivoi.jpg" /> queria que tudo ficasse no canto da tela sem espaços tentei um monte de coisa.

meu style.css

#menu { margin: 0px; clear: both; }
#menu li {

float: left;
list-style: none;
}
 #menu li a { display: block; width: 1024px; height: 30px; background:url(imagens/menu.jpg) no-repeat; }
 #menu li a span { display: none; }
 #menu li .home { background-position: 0px 0px; }
 #menu li .home:hover { background-position: 0px 0px;}

no html da página principal!

<ul id="menu">

 <li><a href="#" class="home"><span>Home</span></a></li>
</ul>