[css/html] Problem w Firefox z wyświetlaniem Opcje

[potreb]

Witam, mam problem z wyświetlaniem w firefoxie w IE7 wszystko ładnie działa, problem z float dla diva:

Kod html:

[HTML] pobierz, plaintext 
<div id="wrapper">
<div class="wrapper_t">
 
<div id="menu">	
<ul id="navigation">
<li><a href="#">Książka telefoniczna</a></li>
<li><a href="#">Serwis międzynarodowy</a></li>
<li><a href="#">Przegląd prasy </a></li>
<li><a href="#">Wydarzenia</a></li>
<li><a href="#">Sprawy socjalne</a></li>
<li><a href="index.php?id=pages">Kadry </a></li>
</ul>
</div>
<div id="content">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum turpis leo, condimentum eu, elementum viverra, volutpat a, justo. Ut sodales lorem vel ipsum. Fusce eget ligula. Ut eu pede in tellus interdum consectetuer. Pellentesque vel dui nec nisl posuere facilisis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus massa nibh, molestie non, varius at, facilisis vel, tortor. Phasellus quis arcu hendrerit ipsum posuere condimentum. Maecenas et orci. Donec eu enim eget eros faucibus mattis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; 
</div>
</div></div>
[HTML] pobierz, plaintext 

I CSS:

[HTML] pobierz, plaintext 
#wrapper {
background: url('images/wrapper.gif') top left repeat-y #E4E4E4;
width: 817px;
margin: 0 auto;
display: block;
text-align: left;
}
 
.wrapper_t {
text-align: left;
padding: 0px 30px 0 20px;
width: 747px;
}
 
#menu {
width: 206px;
display: block;
text-align: left;
border-right: 1px dashed #e8e8e8;
float: left;
}
 
#content {
width: 506px;
display: block;
text-align: left;
border: 1px dashed #e8e8e8;
padding: 5px;
}
[HTML] pobierz, plaintext 

Będe wdzięczny za pomoc.

Ten post edytował potreb 19.03.2008, 12:57:16

[nevt]

spróbuj do #content dodać float:left

[potreb]

Dla content dałem display: table i pomogło, ale nie wiem czy jest to dobre.

Twoim sposobem działa, ale w firefoxie znikają backgroundy, musiałem po content dać:
<div>&nbsp;&nbsp;&nbsp;</div>, żeby poprawnie wyświetlało, chyba że dla wrapper wtedy będę musiał ustawić wysokość dla wrapper automatyczną ale nie wiem czy tak ma być

Ten post edytował potreb 19.03.2008, 10:54:34

[siemakuba]

Spróbuj dać float o którym pisze @nevt i do tego, do elementów które mają float ustawione dać jeszcze overflow:auto;

pozdr.

[nevt]

po #content dodaj

[HTML] pobierz, plaintext 
<div style="clear:both"></div>
[HTML] pobierz, plaintext 

i #wrapper powinien rozciągać się tak jak należy...

[potreb]

Okey dzięki chłopaki, oba sposoby jakby nie było są okey. Pozdro