Dwa divy i height Opcje

[derecyori]

Witam serdecznie.
Mam problem z rozszerzaniem się diva w którym znajduje się inny div.
Ale po kolei.
Strona jest zamknięta w div main:

CODE

#main {
width:790px;
height: 100%;
overflow: hidden;
margin: 0 auto;
}

Następnie znajduje się div zawartosc:

CODE

#zawartosc {
float:left;
position:relative;
height:100%;
}

A w zawartości jest klasa fotka:

CODE

#zawartosc .fotka {
float: left;
width: 125px;
height:200px;
margin: 0 1% 10px 1%;
}

W klasie fotka wyświetlana jest tabelka:
<div class="fotka">
<table width="125" border=0>
<tr>
<td align="center"><a href="#"><img onClick="java script:window.open('<? print $foto_wsz[1]; ?>')" src="<? print $foto_wsz[2]; ?>" width="100" height="100" border="0"/></a></td>
</tr>
<tr>
<td align="center">
</td>
</tr>
</table>
</div>
Teraz problem. W klasie fotka wyświetlane są pojedyńcze zdjęcia o stałych rozmiarach. Niestety div zawartosc nie rozszerza się do jej wielkości tylko pozostaje na najmniejszym możliwym rozmiarze (przeglądarka Firefox na innych nie testowane). Prosiłbym o pomoc.

[nevt]

to spróbuj jeszcze z #main i # zawartosc wyrzucić height:100%, a w html bezpośrednio po zamknięciu div o id zawartosc dodaj diva z clear:

[HTML] pobierz, plaintext 
<div id="main">
  <div id="zawartosc">
    ... tutaj twoje fotki
  </div>
  <div style="clear:both"></div>
</div>
[HTML] pobierz, plaintext