per CSS Teilbereiche definieren

[Timm]

Hallo,

Ich möchte gerne ein Formular in zwei Teile unterteilen: Auf der linken Seite findet man einige Eingabe-Felder und auf der rechten Seite auch.
Ich habe mit CSS folgendes versucht:

<div style="width: 100%;">
  <form action="index.php?section=news&action=add" method="post">
   <fieldset>
    <legend>Ins G&auml;stebuch eintragen</legend>
    <div style="position: relative; width: 50%; top: 0px; left: 0px;">

<input type="text" name="TitleTextfield" size="30"/> <br />
      <textarea cols="30" rows="10" name="MessageTextfield"></textarea>
    </div>

<div style="position: relative; width: 50%; top: 0px; left: 50%;">
      <input type="text" name="TitleTextfield" size="30" /><br />
      <input type="text" name="TitleTextfield" size="30" />
    </div>
   </fieldset>
  </form>
</div>

Jedes der beiden Felder soll 50% der Gesamtgröße einnehmen. Wie mache ich das am besten? Ich habe auch schon mit float herumexperimentiert, allerdings funktioniert das dann nicht mit dem <br /> => Das zweite Textfeld auf der rechten Seite rutscht nach unten.

Ich hoffe, ihr könnt mir helfen.