Ustawienie położenia menu

Właśnie nie wiem jak ustawić to menu http://img695.imageshack.us/i/beztytuugjq.png/

tak by było równo pod banerem ale niestety nie moge ustawić ..

jak to zrobić próbowałęm przez padding. ale nic nie da sie zrobić..

Ludzie! Nauczcie sie prawidlowo pisac posty. To nie jest takie trudne! Skad my mamy wiedziec, co jest nie tak na Twojej stronie jak nie umiesciles tutaj fragmentow kodu?

Odpowiadajac na Twoje pytanie na poziomie Twojego postu: zobacz na 4programmers.net - tu jest rowno. Skopiuj kod i bedzie cacy.

#menu {
    height: 40px;
    background: #FFAF4D url(images/menu.png);
	position:absolute; left: 25%; bottom: 416px;
	}

#menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#menu ul li {
    float: left;
}

#menu ul li a {
    display: block;
    float: left;
    height: 40px;
    padding: 0 25px;
    font: bold 13px/34px Arial, sans-serif;
    text-decoration: none;
    color: White;
    border-right: 1px solid #2C4D93;
}

#menu ul li a:hover {
    color: #002B75;
    background: #F1D67A url(images/menu_over.png);
}

http://img151.imageshack.us/f/beztytuusez.png/ udalo mi się zrobić ale teraz musze jakoś rozciągnać te napisy tak by nie bylo pustej kratki na końcu

#menu {
    height: 40px;
    background: #FFAF4D url(images/menu.png);
	position:absolute; bottom: 416px; right: 62px; left: 62px;
	}

#menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#menu ul li {
    float: left;
}

#menu ul li a {
    display: block;
    float: left;
    height: 40px;
    padding: 0 25px;
    font: bold 13px/34px Arial, sans-serif;
    text-decoration: none;
    color: White;
    border-right: 1px solid #2C4D93;
}

#menu ul li a:hover {
    color: #002B75;
    background: #F1D67A url(images/menu_over.png);
}