Designproblem mit aufgrund von position:absolute

[Hagen]

Hallo Selfhtml´ler,

ich habe ein Problem mit zwei div boxen, da eine dynamische durch Usereingabe ihre Höhe ändern kann. Folgendes konstrukt;

  
<div id="cc">  
<div id="pc"><asp:ContentPlaceHolder ID="pc" runat="server" /></div>  
<div id="cl"><asp:Image AlternateText="" ImageUrl="~/images/text_l.gif"  CssClass="text_l" runat="server" /></div>  
<div class="clearer">&nbsp;</div>  
</div>  

  
#cc  
{  
margin-top:10px;	  
background-image: url("../../images/bg_left_text.gif");  
background-repeat: repeat-y;  
}  
#cl  
{  
width:268px;  
}  
.text_l /*Grafik die den linken Text enthält */  
{  
position:absolute;  
bottom:0;		  
width:268px;		  
}  
#pc /* Textbereich */  
{  
width:536px;  
float:right;  
border-left:1px solid #fff;  
padding-top: 50px;  
padding-bottom: 60px;  
padding-left: 53px;  
padding-right:100px;  
height:auto;  
min-height:300px;  
}  

Ok in dem pc Bereich werden spans ein und ausgeblendet je nach usereingabe, das führt im IE7 dazu, dass die pc box zwar kleiner wird, aber die Grafik images/text_l.gif nicht mit höher rutscht sondern an der alten stelle stehen bleibt, wodurch sich dann eine Stufe zwischen pc und cl ergibt. Hat vielleicht jemand eine Idee dazu, ich hab keinen Plan mehr was ich noch versuchen kann.

Das Problem tritt nur im IE auf.

Schonmal vielen Dank.
Hagen