Menu horizontal

[felipecesar 0]

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

 

 

quero que tudo fique no canto da tela, sem espaços.

 

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>

[Diéssica 140]

Se expandindo (100%) ou do tamanho do site?

[felipecesar 0]

que o menu ocupe 100% da tela do site, o tamanho do menu.jpg é de 1024x60, o problema que ele não fica encaixado, fica esse espaço.