DIV de Sombra. Tentei tudo que eu sabia. ?

To tentando montar um sombra..

mas nick!

primeiro eu tinha tudo com porcentagem, dai me falaram que para posição relative precisava float left e com % não ia funcionar.

fiz o recomendado, mas ainda não tá legal

http://globoinfo.com.br/globoinfo_novo/

a sombra obece ao limite da base e da direita, mas esquerda e topo do menu não..

no firefox, desalinho geral...

Eu estava usando com porcentagem, por causa da resolução dos monitores, para ser compatível com qualquer resolução.

largura (width) em pixels e com float:left;

alguém me ajuda, please???

.sombra{
float:left;
 background-color: #49595E;
 color: inherit;
 }

.menu

background-color:#333;
height: 40px;
width: 500px;
margin-left: 535px;
margin-top: 90px;
text-align:center;
}
 

<div class='sombra'>
 <div class='menu'>
 <ul>
 <li style='width: 1px;margin-left: 2px;margin-right: 1px;'><img src='includes/inicio.gif'/></li>
 <li><a href='aempresa.php' title='A Empresa'>A Empresa</a></li>
 <li><a href='assistencia.php' title='Assitência'>Assistência</a></li>
 <li><a href='loja.php' title='Loja'>Loja Online</a></li>
 <li ><a href='sistemas.php' title='Sistemas' >Sistemas</a></li>
 <li><a href='websites.php' title='Web Sites' >WebSites</a></li>
 <li style='width: 1px;margin-left: 2px;margin-right: 1px;'><img src='includes/contato.gif'/></li>
 </ul>
 </div>
 </div>

alguma soluçao??