problema su menu orizzontale, non visualizza correttamente la parte annidiata

[tapu]

Ciao a tutti.
Ho creato un menù orizzontale.
Questo menù ha dei titoli che al passaggio del mouse ne mostra altri. Un menù annidato.

ora mi trovo di fronte a un paio di problemi.

1- il menu su IE 7 non si vede sull'8 si vede ma è ingestibile
2-su FF si vede quasi correttamente , peccato che quando seleziono il primo titolo si apre la cella contenente quelle annidate, ma le mette tutto a sinistra spaccando il menu in 2 parti...
qualcuno mi potrebbedare una mano per il listato che segue?


HTML - Menu

<ul id="minitabs">

    [*][url="#"]home[/url]
    [*][url="#"]YYYY[/url]
    [*][url="#"]Servizi[/url]
        [list=1]
            [*][url="#"]ZZZZZZZZZ[/url]
            [*][url="#"]VVVVVVVVVVvv[/url]
        [/list]
    
    [*][url="#"]XXXX[/url]

        [*][url="#"]Gestione Clienti[/url]
            [list=1]
                [*][url="#"]YYYYYYYYYYYY[/url]
                [*][url="#"]xxxxxxxxxx[/url]
            [/list]
        
        [*][url="#"]Configurazione[/url]
            [list=1]
                [*][url="#"]Carica Banner Superiore[/url]
            [/list]
        

    [*][url="control/logout.php"]logout[/url][/list] 

Questo invece è il css

*MENU ORIZZONTALE*/
body {
    padding-top: 60px;
    background: #FFF;
    font: 76% Arial, sans-serif;
}

ul#minitabs {
    border: 2px double #ff3334;
    list-style: none;
    margin: 0;
    padding: 7px 0;
    border-bottom: 1px solid #CCC;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
}

ul#minitabs li {
    display: inline;
    margin: 0 2px;
}

/*TEST SULLA SECONDA LINEA*/

/*Blocchiamo il sottomenu*/
ul#minitabs li ol{
    display:none;
}

/*Aprimo il sottomenu al passaggio del mouse*/
ul#minitabs li:hover ol{
    display:block;
    /*position: absolute;*/
    width:150px;/*larghezza sottomenu*/
    padding: 4px;
    /*margin: 0 0 0 -1px;*/
    border:1px solid black;
    background:#FFF122;
}
ul#minitabs ol li:hover ol, ul#minitabs ol a:hover ol{
    visibility:visible;
}


/*FIN E TEST*/

ul#minitabs a {
    text-decoration: none;
    padding: 0 0 3px;
    border-bottom: 4px solid #FFF;
    color: #999;
}

ul#minitabs a#current {
    border-color: #F60;
    color: #06F;
}

ul#minitabs a:hover {
    border-color: #F60;
    color: #666;
} 

grazie mille per gli aiuti che mi state dando!
ciao

[tapu]

ciao... sono riuscito a mettere a posto alcune cose,

/*Aprimo il sottomenu al passaggio del mouse*/
ul#minitabs li:hover ol{
    display:block;
    /*width:150px;/*larghezza sottomenu*/
    padding: 4px;
    border:1px solid black;
    background:#FFF122;
    [COLOR=orangered]overflow:hidden;     
position:absolute;[/COLOR] 
} 

le parti in rosso mi fissano il sotto-menu , ma vorrei che sia posizionato sotto al link che chiama i sotto menu.