Problem z wyrównaniem tekstu w "div" a raczej z Operą Opcje

[Teppic]

Witam ponownie! Zrobiłem stronkę opartą na divach, wygląda ona tak:

(IMG:http://img504.imageshack.us/img504/3171/przykladjo4.jpg)



Kod tej stronki wygląda tak:

<div id="wrapper">Górny pasek z tytułem strony</div>

<div id="komorka1">Obrazek</div>

<div id="komorka2">Treść w prawym divie</div>

<div class = "stopka">treść stopki</div>

I plik z definicjami stylów:

#wrapper {
width: 100%;
background: transparent url(zrodlo_obrazka) repeat-x top left;
height: 80px;
clear: both;
}

#komorka1 {  
width: 20%;  
padding: 8px 8px 4px 10px;  
border: 0;
float: left; }  
   
#komorka2 {  
width: 80%;  
padding: 8px 8px 4px 10px;  
border: 0;
vertical-align: top;
float: right; } 


.stopka {
clear: both;
width: 100%; }

Problem w tym, że Internet Explorer wyświetla wszystko dobrze ale Opera niestety już nie. Dziwnym sposobem w tej drugiej przeglądarce treść w divie "komorka2" ma zbyt duży górny odstęp i zamiast zaczynać się od górnej krawędzi diva "komorka2" to zaczyna się miej więcej na wysokości dolnej podstawy zdjęcia z lewego diva "komorka1". Dodam, że dopóki nie umieściłem w divie "komorka1" obrazka to wszystko było dobrze zarówno w Operze jak i w IE. Moze ktoś pomoże?