float:right und max-width

[lina-]

moin liebes Forum :)

Ich steh grad ein wenig aufm Schlauch (und erschwerend kommt hinzu, dass CSS noch nie meine Stärke war).

Ich habe ein div, in dem sich checkboxen, texte und ein Button befindet:

  
<div class="multiselect" style="display:none;" name="multiselectdiv">  
  <bean:define id="values" name="user" property="inputFolderQuery"  type="java.util.Vector"/>  
  <input type="checkbox" class="checkbox" onclick="isAllSelected(this)" name="<%=values.get(0)%>"/>  
  <span class="check" onclick="isAllSelected(this)"> <%=values.get(0)%> </span>  
  <img class="closebtn" onclick="copyValuesByClose(this,true)" src="<%=request.getContextPath()%>/img/close.gif" /><br/>  
  <%for(int i=1;i<values.size();i++){%>  
    <input type="checkbox"  class="checkbox" onclick="checkAllSelected(this)" name="<%=values.get(i)%>"/>  
    <span class="check"  onclick="checkAllSelected(this)">  
      <%=values.get(i)%>  
    </span><br/>  
  <%}%>  
</div>  

1. Ja ich weiss: das viele Javascript-Geraffel ist unnötig, böse und in diesem Fall aber gewollt und nötig.
2. Ja - das ist böses HTML-Struts-Gemisch. Das Fine-Tuning kommt noch.
3. Worauf es mir ankommt: Das div soll seine Breite dynamisch bestimmen bis zu einem gewissen Grenzwert der über max-width bestimmt wird. (Ja - ich weiss: kann der IE nicht. Passt schon) Der Button im Div (closebtn) soll aber rechts stehen. Darum habe ich ihm das CSS float:right; verpasst. Dummerweise wird nun aber immer der Grenzwert als Breite für das div verwendet.

Das CSS zur ERgänzung:

  
img.closebtn{  
 float:right;  
}  
div.multiselect{  
 position:absolute;  
 top:0px;  
 max-height:90%;  
 max-width:300px;  
 overflow:auto;  
 border-width:2px;  
 border-style:inset ;  
 background-color:white;  
 padding:3px;  
}  

Weiss da jemand einen Ausweg?

liebe Grüße aus Berlin
lina-