[css] problem z CSS / JS, - złe wyświetlanie w IE oraz wyśrodkowanie menu Opcje

[-Mikowhy-]

Witam wszystkich.
Mam dwa problemy:
1 strona www.ocalicod.yoyo.pl , a właściwie jej menu, nieprawidłowo wyświetla się w przeglądarce IE - co zrobić? pliki css są tutaj: www.ocalicod.yoyo.pl/cssandjs/layout.css oraz www.ocalicod.yoyo.pl/cssandjs/solidblockmenu.css

2 nie wiem jak wyśrodkować menu na tej samej stronie. Chciałbym, aby wyświetlało się prawidłowo w każdej rozdzielczości. Próbowałem tak:

[HTML] pobierz, plaintext 
.layout #menu {
	padding: 30%;
}
[HTML] pobierz, plaintext 

i faktycznie, w mojej rozdzielczości wyświetlało się prawidłowo, lecz już przy zmniejszeniu występowały problemy.

Proszę o pomoc, jestem nowy w divach i CSSie, a potrzebuje rozwiązania.

[ppp]

Żeby wyśrodkować cos w css'ie ustawiasz boczne marginesy na auto, żeby działało pod ie ustawiasz dodatkowo text align na center.

[HTML] pobierz, plaintext 
.layout {
    text-align: center;
}
.layout #menu {
    margin: 0 auto;
}
[HTML] pobierz, plaintext 

Nie wiem czemu pod ie się niepoprawnie wyswietla to menu ale na początek sprobowałbym na twoim miejscu z wysokościami się pobawić.

[-mikowhy-]

PPP: w IE wyświetla się już prawidłowo, ale również dzięki temu, ze usunąłem klase ieclass, z Divu odpowiadającemu za wyświetlanie podpisów pod buttonami menu-

[HTML] pobierz, plaintext 
index.html:
<DIV class="tabcontainer ieclass">
[HTML] pobierz, plaintext 

lecz nadal pozostaje problem z wyśrodkowaniem. Te wartości:

[HTML] pobierz, plaintext 
.layout {
	text-align: center;
}    
oraz    
.layout #menu {
	margin: 0 auto;
	text-align: center;
}
[HTML] pobierz, plaintext 

Spowodowały jedynie wyśrodkowanie podpisu pod Buttonami, lecz samo menu się nie zmieniło.


Proszę o pomoc w problemie "drugim", PPP: dzięki, i w rezultacie udało Ci się rozwiązać problem, co do którego nie miałeś pomysłu...

[ppp]

ciesze sie ze pomoglo, chociaz nie do konca tak jak mialo . Teraz popatrzylem ciut dokladniej co tam masz. Problem z wysrodkowaniem jest taki ze masz tam float: left i on ci to tak wyswietla, jak chcesz wysrodkowac to to musisz usunac i ustawic jakas szerokosc dla tej listy (bez szerokosci domyslnie zajmuje cala szerokosc diva w ktorym jest i wysrodkowanie nic nie daje).
Mozesz sprobowac z czyms takim, powinno dzialac:

[HTML] pobierz, plaintext 
.solidblockmenu{
    margin: 0pt auto;
    width: 60%;
}
[HTML] pobierz, plaintext 

tyle ze ta lista niekoniecznie dokladnie taka szeroka jest.