Problem z menu w css'ie Opcje

[Mayka]

Witam napisałem sobie takie menu w css'ie i teraz mam problem bo w IE i Operze jest ok a w mozilli jest kicha bo brakuje 3czy4px żeby menu było takie szerokie jak strona.. Bo jak zwiększę którykolwiek parametr(padding) to menu przeskakuje menu do drugiej linii..
To całe menu, zapakowane w nagłówek, Mogłby ktoś zerknąć na to i powiedzieć co jest nie tak ? Jak to zrobić żeby bylo ok w IE i FF ?

Kod

ul, ul li {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
}

ul {
    float: left;
    background-color: #fff;
    padding: 0px 3px 0px 1px;
    border: 0px;
}

ul li {
    float: left;
    margin-left:5px;
}

ul a:link, ul a:visited {
    text-decoration: none;
    display: block;
    font-weight: bold;
    background: #fff url("tlo_menu.png") repeat-x center;
    color: #fff;
    padding: 7px 55px;
    border-right: 3px solid #fff;
}

ul a:hover {
    background-color: #fff;
    background-image: url("tlo_menu2.png");
}
#naglowek {
    background-color: #fff;
    height: 129px;
    margin: 0;
    padding: 0;
    width: 100%;
}

Ten post edytował Mayka 10.10.2011, 19:00:55

[ShadowD]

A może live?

Ps. Html mamy zgadywać? (IMG:style_emoticons/default/snitch.gif)

Ten post edytował ShadowD 10.10.2011, 19:29:17

[Mayka]

[HTML] pobierz, plaintext 
<div id="naglowek">
	<ul>
<li><a href="index.html">Menu1&nbsp</a></li>
<li><a href="index.html">menu2&nbsp</a></li>
 
<li><a href="index.html">menu3</a></li>
<li><a href="index.html">menu4</a></li>
<li><a href="index.html">menu5</a></li>
</ul></center>
	</div>
[HTML] pobierz, plaintext 

Prosze bardzo foto:

(IMG:http://img844.imageshack.us/img844/1497/beztytuubdfv.png)

Ten post edytował Mayka 10.10.2011, 21:33:04

[superhorse]

spróbuj do nagłówka dodać:

position: relative;

ale nie jestem pewien czy to na pewno załatwi sprawę bo nie wiem jak wygląda wszystko na stronie. Czy to menu ma się rozciągać na całą szerokość strony czy też nie ?
Bo jeśli tak to może warto zrobić w kodzie html w ten sposób:

[HTML] pobierz, plaintext 
<center>
<div id="naglowek">
</div></center>
[HTML] pobierz, plaintext 

Bo ja tak patrzę na swoje menu i mniej więcej tak mam. Z tym że nie mam całą szerokość strony, lecz z lewej jest przerwa. Ale to jest spowodowane faktem iż mam określoną szerokość menu.
Stronę o której mówię znajdziesz na:
http://www.magdasteczkowska.pl
Jeśli o coś takiego Tobie chodzi to mogę Tobie dać źródło pliku css.

[Mayka]

<center> tutaj nie pomaga niestety.. tak juz probowałem.. nadal jest przerwa z prawej strony.. jak dołoże po 1px do każdego buttona to mi przeskakuje do nastepnej linijki ostatni..

[qrooel]

Wrzuć to na jakiś serwer, to Ci ktoś z pomocą firebuga naprawi to w 2 minuty.

[Damonsson]

[CSS] pobierz, plaintext 
ul {
    float: left;
    background-color: #fff;
    padding: 0px 3px 0px 1px;
    border: 0px;
}
[CSS] pobierz, plaintext 

Skoro masz 3px, no to logiczne, ze Ci odsuwa na 3px.