Thema: Firefox Problem: DIV Darstellung

Hi alle zusammen,
wieso stellt Firefox meine Seite anders dar als der Internet Explorer?

PHP-Code:

<!-- start des Templates -->

<div id="gesamtblock">

    <div id="zeile1"><?php mosLoadModules ( 'top' ); ?></div>
    <div id="clear"></div>    

    <div id="topmenu"> </div>
    <div id="kopf_rechts"></div>
    <div id="clear"></div>

    <div id="banner_links"> <img src="<?php echo $mosConfig_live_site; ?>/templates/mp_shiloh/images/banner3.1.jpg" width="580" alt="Active">   </div>
    <div id="logo_rechts"><img src="templates/mp_shiloh/images/pic.gif" align="center" border="0"></div>
    <div id="clear"></div>

    <div id="links_block"><?php mosLoadModules ( 'left' ); ?></div>
    
    <!-- Darstellung rechter Block, wenn kein Modul zugeordnet ist, 
    verschwindet der rechte Block und der Hauptblock wird breiter  -->
    <?php if (mosCountModules( "right" )) { ?><div id="rechts_block"><?php mosLoadModules( "right" ); ?><?php mosLoadModules ( 'user9' ); ?></div><?php } ?>
    
    <div id="haupt_block"><?php mosPathWay(); ?><br><?php mosLoadModules ( 'user6' ); ?><?php mosMainBody(); ?><?php mosLoadModules ( 'user8' ); ?></div>
    <div id="clear"></div>

    <div id="unten_block"> Text <?php echo $mymenu_content ?></div>
    <div id="clear"></div>
</div>

PHP-Code:

#gesamtblock       { background-color: #fff; border-style: none; border-width: 0px; border-color:  #a9a9a9  ; width: 760px }

#topmenu             { color: #fff; background-color: #fff; float: left; width: 590px; height: 5px }
#kopf_rechts { color: #000; float: right; width: 170px; height: 5px }
#banner_links    { float: left; width: 550px; height: 140px }

#logo_rechts        { background-color: #fff; vertical-align: middle; float: right; padding-top: 25px; padding-left: 5px; border: solid 0px #dcdcdc; width: 170px; height: 140px }

#links_block       { background-color: #fff; float: left; margin-top: 5px; padding: 2px 2px 10px; border: solid 1px #dcdcdc; position: relative; width: 170px }

#rechts_block       { background-color: #fff; float: right; margin-top: 5px; margin-left: 10px; padding: 2px 2px 10px; border: solid 1px #dcdcdc; position: relative; width: 170px }

#haupt_block             { background-color: #fff; float: left; margin-top: 5px; margin-left: 10px; padding-top: 2px; padding-right: 10px; padding-left: 10px; border: solid 1px #dcdcdc; width: auto; min-width: 450px }

#unten_block       { color: #000; font-size: 10px; background-color: #fff; margin-top: 10px; padding: 2px; border: solid 1px #dcdcdc; position: relative; width: 760px; height: 15px }

#zeile1         { color: #f5f5f5; background-color: #f5f5f5; border: solid 1px; width: 760px; height: 15px }

#clear    { color: #000; background-color: #fff; clear: both } 


Hab meine Seite bisher nur mit dem I.E. kontrolliert. Und nur durch Zufall heute gesehen, dass bei Firefox die Blöcke ganz anders dargestellt werden.

Check mal dies: http://de.selfhtml.org/css/formate/box_modell.htm könnte mir vorstellen, dass es damit zusammenhängt.

Leider konnte mir der Link nicht weiterhelfen. Der Internet Explorer zeigt ja die Seite so wie ich mir das wünsche, nur Firebox hat starke Probleme damit und versetzt den Inhalt-Div-Box nach unten.

Ich könnte vielleicht noch versuchen statt mit 3 Divs für 3 Spalten mit 2 Divs zu arbeiten wobei der rechte wieder unterteilt ist in 2 Divs. Mal sehen ob das klappt.

Und dann noch ein zweites Problem, wie bekommt man bei Firefox die Aufzählungszeichen weg. Bei I.E. wird alles vernünftig dargestellt ohne Aufzählungszeichen.

Ich könnte mir vorstellen, dass es an dem da liegt.

width: auto; min-width: 450px