ciao a tutti, ho un sito a cui sto cercando di creare un menù di navigazione orizzontale sotto ogni link del quale compaiano dei sottolink quando ci vado sopra col mouse.

ecco il css:

/*ecco il menu navigazione*/
ul#menu {margin-top: 0; margin-left: 2em; margin-bottom: 10em; padding: 0; list-style-type: none;
display: block}
ul#menu li {
border: 1px solid #ccc; margin: 0px; padding: 0;
width: 7em; background: white; display: inline;
}
ul#menu>li {float: left;}
ul#menu li a {text-decoration: none;
padding: 0.12em 0.12em 0.125em 0.15em; margin: 0.2em;
}
ul#menu li a:hover {background-color: #ebb;}
ul#menu li a {display: block; }
ul#menu ul{margin: oem; padding: 0; list-style: none; display: none; position: absolute}
ul#menu>li:hover ul {display: block}
/*generale*/
body {
background-color: #ffffff;
color: #000000;
margin: 0;
padding: 0;
font-family: verdana, arial, sans-serif;
font-size: 76%;
overflow: visible;
}



ed ecco l'html del menu

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xml:lang="it" lang="it" >
<head>
<title>internet e l'11 settembre</title>
<link rel="stylesheet" type="text/css" href="schermo.css" title="modalita-schermo" media="screen"/>
<link rel="alternate stylesheet" type="text/css" href="stampa.css" title="modalita-stampa" media="print"/>
</head>
<body>
<h1 id="main">Internet e l'11 settembre</h1>
Home
<div id="contenitore">
<ul id="menu">
<li id="gliAttentati">Gli attentati
<ul id="attenLink">
<li class="a">Foto e video
<li class="a">Informazione ufficiale
<li class="a">Controinformazione
<li class="a">Kitschificazione [/list]

<li id="Gli-Americani">Gli Americani
<ul id="ameriLink">
<li class="a">Espressione soggettiva
<li class="a">Giornalismo fai-da-te
<li class="a">Interessamento alla politica
<li class="a">Rete e religione
<li class="a">Rete e memoria[/list]

<li id="ilGovernoUSA">Il governo <acronym>U.S.A.</acronym>
<ul id="govLink">
<li class="a">Propaganda
<li class="a">Lotta alla controinformazione
<li class="a">Restrizioni alla libertà di espressione[/list]

<li id="internet-attacchi">Internet e gli attacchi
<ul id="interLink>
<li class="a">Informazione online
<li class="a">Supporto psicologico online
<li class="a">Sovraccarico dei siti internet
<li class="a">La Rete contesa tra internauti e governo[/list]

<li id="terror">
I terroristi e Internet

<li id="rest">
Il resto del mondo
[/list]
</div>

il problema è che
-mi visualizza i sottomenù solo con IE
-quando me li visualizza con IE non sono esattamente sotto il link padre, ma più a destra

potete darmi una mano per favore?

ciao