Czy mógłby ktoś mi powiedzieć, dlaczego poniższy kod rozwala stronę na IE8 (prócz tego, że IE to nasienie szatana i zmora webdesignerów) oraz jak to naprawić?
Na wszystkich innych przeglądarkach strona działa perfekcyjnie, a na IE "Główna część strony" jest poniżej "Bocznego menu", chociaż powinno być na równi z nim.

[HTML] pobierz, plaintext 
<div id="topMenu" style="position: fixed; top: 0px; left: 0px; width: 100%; z-index: 100;">Jakieś dane</div>
        <div id="topMenu_placeHolder" style="position: relative; top: 0px; left: 0px; width: 100%; visibility: hidden;">Jakieś dane</div>
        <div id="gameZone" style="position: relative; left: 0px;">
            <div id="leftMenu" style="position: fixed; left: 0px; width: 12%; z-index: 100;" class="style">Boczne menu</div>
            <div id="leftMenu" style="position: relative; left: 0px; width: 12%; float: left; visibility: hidden;">&nbsp;</div>
            <div id="gameContent" style="float: left; width: 88%;">
                <center>
                    Główna część strony
                </center>
            </div>
        </div>
[HTML] pobierz, plaintext 

dodaj sobie wartości width:
<div id="leftMenu" style="position: fixed; left: 0px; width: 12%; z-index: 100;" class="style">Boczne menu</div>
<div id="leftMenu" style="position: relative; left: 0px; width: 12%; float: left; visibility: hidden;">&nbsp;</div>
<div id="gameContent" style="float: left; width: 88%;">

112%...

Zauważ że pierwszy leftMenu (zły ID dla drugiego to moja pomyłka) ma z-index ustawiony na 100 + ma position: fixed.
Chyba, że to ja źle ogarniam ten z-index (i wtedy drugi leftMenu jest niepotrzebny)

Odświeżam.
Czy ktoś może z tym pomóc, lub pokazać mi, jak zmienić dany styl gdy użytkownik ma IE8 (najlepiej bez wykorzystania JavaScriptu)?

Po pierwsze może IE bardzo nie lubi, złej rzeczy jaką jest kilka takich samych #ID. Nie wiem o co chodzi z tą pomyłką, może po prostu zmień to?
Po drugie nie jestem wróżką i jestem leniwy, nie chcę mi się sprawdzać jak to wygląda w praktyce, więc miło byłoby gdybyś wstawił gdzieś przykład
Po trzecie skoro coś jest poniżej, to znaczy iż pewnie jest za szerokie, albo IE to tak interpretuje.


Tak:

[HTML] pobierz, plaintext 
<!--[if IE 8]>
<link rel="stylesheet" type="text/css" href="ie8.css" />
<![endif]-->
[HTML] pobierz, plaintext 

Problem rozwiązałem sam dodając do menu z position: fixed dodatkowy float: left;
Do zamknięcia.