MBT Trans menu - problemy z wyświetlaniem

[bereal]

Hej!

Zainstalowałem moduł wymieniony w temacie i mam kilka problemów z jego wyświetleniem.

W FF wygląda to tak
http://www.imagic.pl/public/144955/ff.jpg

A w IE tak:
http://www.imagic.pl/public/pview/144954/ie.jpghttp://www.imagic.pl/public/144954/ie.jpg

Kod w szablonie:



<div id="main">

<div id="static_top"></div>

<div style="width: 960px; height: 40px; overflow: hidden; clear: both;">

<div id="margin"></div>

<div id="static_logo"></div>

<div id="menu_top">
<?php mosLoadModules('user3',-2);?>
<div id="menu_top_end"></div>
</div>

<div id="margin"></div>

</div>

<div style="width: 960px; height: 200px; overflow: hidden;">

<div id="margin"></div>
<div id="main_photo"></div>
<div style="width: 330px; height: 200px; float: left; overflow: hidden;">
<div id="color_block_red"></div>
<div id="color_block_green"></div>
<div id="color_block_orange"></div>
<div id="color_block_blue"></div>
</div>
<div id="margin"></div>

</div>
Kod CSS:



#main{
width: 960px;
background-image: url(../images/main_background.png);
margin: 0px;
padding: 0px;
overflow: hidden;
border: 0px;
border-spacing: 0px;
}

#margin{
width: 10px;
height: 100%;
float: left;
overflow: hidden;
display: table-cell;
}

#static_top{
width: 960px;
height: 50px;
clear: both;
background-image: url(../images/top.png);
background-repeat: no-repeat;
}

#static_bottom{
width: 960px;
height: 45px;
clear: both;
background-image: url(../images/bottom.png);
background-repeat: no-repeat;
overflow: hidden;
}

#static_logo{
width: 255px;
height: 40px;
float:left;
background-image: url(../images/logo_fragment.png);
background-repeat: no-repeat;
overflow: hidden;
}


#menu_top{
height: 40px;
width:685px;
float:left;
background-color: #fff;
background-image: url(../images/menu_top.png);
overflow: hidden;

}

#menu_top_end{
height: 40px;
width: 5px;
float: right;
background-color: #fff;
background-image: url(../images/menu_top_end.png);
overflow: hidden;
}

#color_block_red{
height: 100px;
width: 165px;
float: left;
background-image: url(../images/color_block_red.png);
background-repeat: no-repeat;
overflow: hidden;
}

#color_block_green{
height: 100px;
width: 165px;
float: left;
background-image: url(../images/color_block_green.png);
background-repeat: no-repeat;
overflow: hidden;
}
#color_block_orange{
height: 100px;
width: 165px;
float: left;
background-image: url(../images/color_block_orange.png);
background-repeat: no-repeat;
overflow: hidden;
}
#color_block_blue{
height: 100px;
width: 165px;
float: left;
background-image: url(../images/color_block_blue.png);
background-repeat: no-repeat;
overflow: hidden;
}

#main_photo{
height: 200px;
width: 610px;
float: left;
background-color: #fff;
background-image: url(../images/main_photo.png);
background-repeat: no-repeat;
overflow: hidden;
}
Jak widzicie menu w ff chowa się pod niżej umieszczone div'y , a w inne wyświetla się "nad" , ale z przesunięciem w prawo i niezrozumiałym dla mnie ucięciem w połowie. Proszę o ekspertyzę. Pewnie nadużywam CSS w niektórych miejscach, lub po prostu źle coś zakładam. To moja pierwsza strona zbudowana na elementach div i tak na prawdę jestem na etapie "podstawówki" jeżeli chodzi o programowanie witryn, więc proszę o wyrozumiałość. Domyślam się, że w grę wchodzi tutaj użycie atrybutu position - troszkę o tym poczytałem , ale nie do końca rozumiem jego działanie. Proszę o pomoc! :)

Pozdrawiam serdecznie.

Edit: Zdaje mi się, że wybrałem złe subforum. Temat powinien znajdować się (chyba) w kategorii "Szablony graficzne", ale pewny nie jestem.

[bereal]

Rozwiązałem problem częściowo: przesadziłem z ilością atrybutu overflow:hidden - ff interpretuje działanie tego atrybutu również "na zewnątrz" div'a i uwzględnia wszystkie nachodzące elementy - interpretowałem to jako "nadmiar" wewnątrz div'a - mój błąd. Choć nie do końca bo ie kompiluje to właśnie wg tego toku rozumowania.

Problem "obcięcia" menu pod ie niestety dalej występuje i co zauwazylem tylko przy konfiguracji parametru Menu Direction: TOP DOWN - widzę, że skrypt gubi się w ustaleniu szerokości "rozwiniętego menu". Przy LEFT RIGHT działa prawie poprawnie. Prawie , bo nie wyświetla się z pożądanej pozycji