[CSS] wyrównanie menu do lewej strony Opcje

[-steve-]

Witajcie. Posiadam pewien problem, a chodzi mi o to, że stosuje w css forme display inline oraz float left lecz menu dalej ma jakby margines. Adres strony to www.advertgame.pl

Szukałem, zmieniałem w css bo być może gdzieś indziej coś jest pomieszane i nic nie zauważyłem.

[-Gość-]

#menu, ul, li{
padding-left: 0;
}

[-steve-]

Niestety nie działa, podam poniżej kod mojego menu może coś źle zrobiłem w nim.

Kod

#menu ul,li {
    padding-left: 0;
}

a.menu1 {
background: url(images/menu1.png) no-repeat;
height:25px;
width:162px;
display: inline-block;
}

a.menu1:hover {
background-position: 0px -22px;
}

a.menu2 {
background: url(images/menu2.png) no-repeat;
height:25px;
overflow:hidden;
width:121px;
display: inline-block;
}

a.menu2:hover {
background-position: 0px -23px;
}

a.menu3 {
background: url(images/menu3.png) no-repeat;
height:25px;
overflow:hidden;
width:75px;
display: inline-block;
}

a.menu3:hover {
background-position: 0px -23px;
}

a.menu4 {
background: url(images/menu4.png) no-repeat;
height:25px;
overflow:hidden;
width:110px;
display: inline-block;
}

a.menu4:hover {
background-position: 0px -23px;
}

a.menu5 {
background: url(images/menu5.png) no-repeat;
height:25px;
overflow:hidden;
width:52px;
display: inline-block;
}

a.menu5:hover {
background-position: 0px -23px;
}

a.menu6 {
background: url(images/menu6.png) no-repeat;
height:25px;
overflow:hidden;
width:90px;
display: inline-block;
}

a.menu6:hover {
background-position: 0px -23px;
}

a.menu7 {
background: url(images/menu7.png) no-repeat;
height:25px;
overflow:hidden;
width:98px;
display: inline-block;
}

a.menu7:hover {
background-position: 0px -23px;
}

a.menu8 {
background: url(images/menu8.png) no-repeat;
height:24px;
overflow:hidden;
width:78px;
display: inline-block;
}

a.menu8:hover {
background-position: 0px -24px;
}

[-steve-]

Jak dodaje padding-left: 0; to robi mi się pionowe menu.

[-steve-]

Już sobie poradziłem, można temat zamknąć.