elementi li piu grandi di a in internet explorer 6 e 7

[dagofee]

ciao a tutti,

ho creato un menu che su tutti i browser viene visualizzato cosi


ma su ie6 e7 viene visualizzato in questo modo


da cosa potrebbe dipendere?

[dagofee]

#am2 {
    margin:0;

    padding:0;
    height:420px;

    width:300px;

    position:absolute;

    top:50px;
    right:35px;
}

#am2 ul {
    list-style: none;
    margin:0;

    padding:0;
}

#am2 li {
    margin:0;

    padding:0;
    height:auto;
}

#am2 li a {

    display: block;

    width:180px;

    overflow: hidden;

    text-indent:9999px;

}



a.wboards {

    height:26px;

    background-image: url(../images/vm-menu/wboards.jpg);

    background-position: 0 0px;
}

a.sboards {

    height:16px;

    background-image: url(../images/vm-menu/sboards.jpg);

    background-position: 0 0px;

}

a.kboards {

    height:22px;

    background-image: url(../images/vm-menu/kboards.jpg);

    background-position: 0 0px;

}

a.wsails {

    height:17px;

    background-image: url(../images/vm-menu/wsails.jpg);

    background-position: 0 0px;

}

a.kites {

    height:17px;

    background-image: url(../images/vm-menu/kites.jpg);

    background-position: 0 0px;
}

a.tools {

    height:17px;

    background-image: url(../images/vm-menu/tools.jpg);

    background-position: 0 0px;

}

a.beachw {

    height:28px;

    background-image: url(../images/vm-menu/beach.jpg);

    background-position: 0 0px;

}

a.fashion {

    height:17px;

    background-image: url(../images/vm-menu/fashion.jpg);

    background-position: 0 0px;

}

a.knots {

    height:33px;

    background-image: url(../images/vm-menu/60knots.jpg);

    background-position: 0 0px;

}

a.altro {

    height:17px;

    background-image: url(../images/vm-menu/altro.jpg);
    background-position: 0 0px;
}

#am2 a:hover{ background-position: 180px 0; } 

[mucu]

il css senza vedere l'html è inutile
se posti il codice attento agli spazi
se posti un link è meglio

[dagofee]

grazie dell'aiuto mucu
il link al menu e' questo, lo sto provando su una pagina a parte del sito
http://60knots.com/index.php?option=...&id=1&Itemid=7

il codice del menu e' questo invece

<ul>
        [*][url="http://60knots.com/shop?page=shop.browse&amp;category_id=9"]wboards[/url]
        [*][url="http://60knots.com/shop?page=shop.browse&amp;category_id=10"]sboards[/url]
        [*][url="http://60knots.com/shop?page=shop.browse&amp;category_id=11"]kboards[/url]
        [*][url="http://60knots.com/shop?page=shop.browse&amp;category_id=13"]wsails[/url]
        [*][url="http://60knots.com/shop?page=shop.browse&amp;category_id=12"]kites[/url]
        [*][url="http://60knots.com/shop?page=shop.browse&amp;category_id=14"]tools[/url] 
        [*][url="http://60knots.com/shop?page=shop.browse&amp;category_id=15"]beachw[/url]
        [*][url="http://60knots.com/shop?page=shop.browse&amp;category_id=17"]fashion[/url]
        [*][url="http://60knots.com/shop?page=shop.browse&amp;category_id=18"]knots[/url]
        [*][url="http://60knots.com/shop?page=shop.browse&amp;category_id=19"]altro[/url]        [/list] 

[dagofee]

risolto come al solito ripartendo da zero

dovevo specificare
#am2 li {
float:left;
height:auto;
}

[mucu]

sono contento che tu ci sia riuscito
e anche di averti aiutato, anche se non ho capito come