zagnieżdżanie div'ów i firefox Opcje

[stasiu_stefan]

Cześć
Widzę, że niejedyny mam podobny problem, ale dokładnie takiego samego przypadku nie upadło mi się spotkać. Otóż porównajcie screeny
Firefox: http://link.imgshare.us/23jTKI
Opera i IE (bo wyświetla prawie tak samo): http://link.imgshare.us/23jTdD

Nie wiem dlaczego zaburzona jest hierarchia div'ów. A może nie? Jesteście w stanie wyjaśnić o co chodzi?

Sekcja BODY:

[HTML] pobierz, plaintext 
<div id="toppanel">
    <div id="topcorner"></div>
    <div id="top">d.s</div>
</div>
 
<div id="main2">nbvxnx
 
    <div id="leftpanel">
ngfugbugdfgfd vggdfgsigdf gdfjg dfig dfgdjgh dfgnsg dv dg dubdfjkvdfuig duigdf guidfuig<br  /><br  /><br  /><br  /><br  /><br  /><br  /><br  /><br  /><br  />
</div>
    <div id="text">tu bedzie zawartosc hej<br  /><br  /><br  /><br  /><br  /><br  /><br  /><br  /><br  /><br  /></div>
 
</div>
[HTML] pobierz, plaintext 

i CSS

[HTML] pobierz, plaintext 
BODY
{
    font: Verdana Geneva Arial Helvetica sans-serif;
    color: #330000;
}
div
{
    background-color: #AEA59E;
}
#main2
{
    width: 900px;
    background-color: #00ff00;
    border: dotted;
}
#toppanel
{
    width: 900px;
}
#topcorner
{
    background: url(monster3.jpg);
    width: 150px;
    height: 99px;
    float: left;
}
#top
{
    background: url(top.jpg);
    width: 750px;
    float: left;
    height: 99px;
    text-align: right;
    vertical-align: text-bottom;
}
#leftpanel
{
    background: url(right.jpg);
    width: 150px;
    height: 99px;
    float: left;
}
#text
{
    background: #AEA59E;
    width: 700px;
    float: left;
    vertical-align: top;
}
[HTML] pobierz, plaintext 

Przy czym zielony obramowany to main2

edit: linki naprawione

Ten post edytował stasiu_stefan 3.02.2008, 20:19:23