[html]Lewy margines Opcje

[--BIG_MICHU--]

Witam!

Mam taki problem. W menu wstawiłem przyciski graficzne, a na nich tekst sformatowany w css, czyli marginesy, czcionka i takie tam. No i z pozoru wszystko gra, ale tylko pod mozilla, bo pod IE nie całkiem :/ IE jakby nie widziało padding-left:40px; tzn. widzi, ale jakby nie 40px tylko w porównaniu z mozilla jakieś 70px :/

Kod

ul, ul li {    display: block;    list-style: none;    margin: 0;    padding: 0;}ul {    width: 188px;    margin-top: 60px;}ul a:link, ul a:visited {      font-weight: bold;    font-family: Arial;    text-align: left;    display: block;    width: 178px;    text-decoration: none;    background: url('images/pastylka.gif') no-repeat center;    color: #000000;    padding-left:40px; padding-right:9px; padding-top:9px; padding-bottom:9px}ul a:hover {      background: url('images/pastylka_mysz.gif') no-repeat center;    padding-left:40px; padding-right:9px; padding-top:9px; padding-bottom:9px}" title="Zobacz w manualu PHP" target="_manual">

ul, ul li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}
ul {
    width: 188px;
    margin-top: 60px;
}

ul a:link, ul a:visited {
      font-weight: bold;
    font-family: Arial;
    text-align: left;
    display: block;
    width: 178px;
    text-decoration: none;
    background: url('images/pastylka.gif') no-repeat center;
    color: #000000;
    padding-left:40px; padding-right:9px; padding-top:9px; padding-bottom:9px
}

ul a:hover {
      background: url('images/pastylka_mysz.gif') no-repeat center;
    padding-left:40px; padding-right:9px; padding-top:9px; padding-bottom:9px
}

Co zrobić żeby IE też dobrze widziało ten przesunięty tekst?