Differenza tra firefox ed IE

[Linusss]

Guardate questo css

<style type="text/css">
	#chat_panel{
		width:442px;
		height:343px;
	}
	
	#chat_panel .cnt{
		height:323px;
		background:url(../variousProject/AJPChat/style/images/chatpanel_bg_b.png) repeat-y;
	}
	
	#chat_panel .top{
		background:url(../variousProject/AJPChat/style/images/chatpanel_bg_up.png) no-repeat;
		height:10px;
	}
	
	#chat_panel .bottom{
		background:url(../variousProject/AJPChat/style/images/chatpanel_bg_dw.png) no-repeat;
		height:10px;
	}
</style>

	<div id="chat_panel">
            <div class="top"></div>
            <div class="cnt"></div>
            <div class="bottom"></div>
	</div>

Con firefox mi si vede correttamente, con IE invece mi si vede "aperto" come mai?

Qui la pginetta già pronta per vedere l'errore http://allejp.netsons.org/varie/quadtest.html

[Linusss]

Sembra che con IE non posso dare un altezza minore di 20px, infatti se specifico una altezza minore di 20px me la mette sempre a 20px...assurdo.

Come aggiro la cosa? Eppure mi sembra tanto strano...

[Mich_]

In IE (quirks mode) alcune cose sono diverse. Quelle che ti interessano sono:
- width lavora come se fosse min-width
- height non puo` esser minore del font usato

Per diminuire height, ti basta definire anche:
font-size: 1px;

Per la larghezza, ci sono hack diversi a seconda delle situazioni - vedi ad esempio i "link utili" nella sezione "hack per IE"