lust und frust mit float :-/

[Blackstar]

Hallo ihr!

Ich habe folgenes Problem, ich möchte eine Loginbox auf meiner Seite haben, das <form> tag ist dabei der container den ich auch mit einem Hintergrund versehen habe, dann möchte ich darin 2 weitere boxen haben einmal für angabe des Usernamens und PW und die andere Seite für Einstellungen wie user modus verstecken etc.

Damit die rechte Box mit den Optionen rechts ist also neben der mit den Eingaben zum einloggen floate ich die linke Boxe float:left... soweit, sogut... nach den beiden Boxen und innerhalb noch des <form> nehme ich dann ein inhaltsloses <div style="clear:both;"></div> damit die <form>-box die anderen beiden boxen umfliesst aber leider ist die Höhe der <form>-boxe dann einfach viel zu gross... wodurch wird die höhe denn nun errechnet?

klar, ich könnte jetzt einfach max-height:xxem; nehmen, aber die box soll sich dynamisch ihrem inhalt anpassen...

nochmal auf einen blick:

<form>
<div id="eingaben" style="float:left">
........
........
</div>
<div id="optionen">
........
........
</div>
</form>

so sieht das bei mir aus...

Wäre nett wenn einer Tipps hätte die mich nicht zu einer Tabelle bringen würden... :-)