Width e height variabili...sto impazzendo!! (con IE7)

[SalvoSalvo]

Ciao a tutti,

Ho veramente un grosso problema che sto cercando di risolvere ormai da giorni senza trovare soluzioni.
Devo implementare un div a forma di fumetto con i bordi arrotondati ridimensionabile.
Il codice l'ho già scritto tutto e funziona perfettamente in FF e Safari...i problemi si presentano con IE7...

Questo è il layout:

.balloon_container
{
z-index: 6;
position: relative;
}

.balloon_text
{
background-color: #ffffff;
top: 8px;
left: 8px;
bottom: 26px;
right: 8px;
z-index: 7;
position: absolute;
}

.balloon_bl
{
background: url('../../images/bl_small.png') no-repeat;
bottom: 18px;
left: 0px;
width: 8px;
height: 8px;
z-index: 7;
position: absolute;
}

.balloon_br
{
background: url('../../images/br_small.png') no-repeat;
bottom: 18px;
right: 0px;
width: 8px;
height: 8px;
z-index: 7;
position: absolute;
}

.balloon_tl
{
background: url('../../images/tl_small.png') no-repeat;
top: 0px;
left: 0px;
width: 8px;
height: 8px;
z-index: 7;
position: absolute;
}

.balloon_tr
{
background: url('../../images/tr_small.png') no-repeat;
top: 0px;
right: 0px;
width: 8px;
height: 8px;
z-index: 7;
position: absolute;
}

.balloon_pivot
{
background: url('../../images/b.png') no-repeat;
left: 16px;
bottom: 0px;
width: 15px;
height: 18px;
z-index: 7;
position: absolute;
}

.balloon_r
{
background-color: #a6b299;
top: 8px;
bottom: 26px;
right: 0px;
width: 8px;
z-index: 7;
position: absolute;
}

.balloon_t
{
background-color: #a6b299;
top: 0px;
left: 8px;
right: 8px;
height: 8px;
z-index: 7;
position: absolute;
}

.balloon_l
{
background-color: #a6b299;
top: 8px;
left: 0px;
bottom: 26px;
width: 8px;
z-index: 7;
position: absolute;
}

.balloon_b
{
background-color: #a6b299;
left: 8px;
bottom: 18px;
right: 8px;
height: 8px;
z-index: 7;
position: absolute;
}

Le PNG utilizzate nei div agli angoli sono usate per realizzare il bordo arrotondato.
Cmq il problema è che IE7 non riesce a gestire un div nel quale non è stata specificata la "width" o la "height" ma solamente i riferimenti top, left, bottom, right....
In questo caso non posso definire un'altezza o una larghezza per i div visto che il container deve poter essere ridimensionato dinamicamente tramite il mouse!!

Come posso risolvere questo problema??
Vi prego aiutatemi... :-)

[ricman]

Cerca "nifty corners"... potrebbe fare sicuramente al caso tuo...