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:
i CSS
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; }
Przy czym zielony obramowany to main2
edit: linki naprawione