problem mit formular in div :: webwork-community.net

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31: 
32: 
33: 
34: 
35: 
36: 
37: 
38: 
39: 
40: 
41: 
42: 
43: 
44: 
45: 
46: 
47: 
48: 
49: 
50: 
51: 
52: 
53: 
54: 
55: 
56: 
57: 
58: 
59: 
60: 
61: 
62: 
63: 
64: 
65: 
66: 
67: 
68: 
69: 
70: 
71:


<div class="formbox">
<form method="post" action="?action=reg_form"">
  <div class="reihe">
    <span class="label">Username:</span>
    <span class="feld"><input type="text" class="defbreite" size="20" name="user" /></span>
  </div>
   <div class="reihe">
    <span class="label">Password:</span>
    <span class="feld"><input type="password" class="defbreite" size="20" name="pw" /></span>
  </div>

  <div class="reihe">
    <span class="label">Password confirm:</span>
    <span class="feld"><input type="password" class="defbreite" size="20" name="pwconfirm" /></span>
  </div>
    <div class="reihe">
    <span class="label">Wohnort:</span>
    <span class="feld"><input type="text" class="defbreite" size="20" name="ort" /></span>
  </div>
    <div class="reihe">
    <span class="label">E-Mail:</span>
    <span class="feld"><input type="text" class="defbreite" size="20" name="mail" /></span>
  </div>
  <div class="reihe">
    <span class="label">Geschlecht:</span>
    <span class="feld"><input type="radio" name="geschlecht" value="m"> Männlich

						<input type="radio" name="geschlecht" value="w"> Weiblich</span>
  </div>
  <div class="reihe">
    <span class="label">Geb-Datum:</span>
    <span class="feld"><input type="text" class="defbreite" size="20" name="gebdatum" /></span>
  </div>
  <div class="reihe">
    <span class="label">Beruf:</span>
    <span class="feld"><input type="text" class="defbreite" size="20" name="beruf" /></span>
  </div>
    <div class="reihe">
    <span class="label">Single:</span>
    <span class="feld"><input type="radio" name="single" value="ja"> Ja</br>
						<input type="radio" name="single" value="nein"> Nein</br>
						<input type="radio" name="single" value="suchend"> suchend</span>
  </div>
  <div class="reihe">
    <span class="label">Beruf:</span>
    <span class="feld"><input type="text" class="defbreite" size="20" name="beruf" /></span>
  </div>
  <div class="reihe">
    <span class="label">Interessen:</span>
    <span class="feld">
      <textarea class="defbreite" cols="5" rows="4" name="interessen">Hobbys, Musik usw...
      </TEXTAREA>
    </span>
  </div>
    <div class="reihe">
    <span class="label">Ausgang:</span>
    <span class="feld">
      <textarea class="defbreite" cols="5" rows="4" name="ausgang">Wie? Wo? Wan?
      </TEXTAREA>
    </span>
  </div>
   <div class="knopf">
    <input type="submit" value="Registrieren" />
</div>
</form>
</div>

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31: 
32: 
33: 
34: 
35: 
36: 
37: 
38:

.formbox {
position: absolute;
  width: 300px;
  color: #000;
  background-color: #cc9;
  border: 1px solid #666;
  overflow: auto;
 }
.reihe{
display: block;
clear: both;
padding: 2px 0px;
}
.label{
font-size: 12px;
float: left;
width: 70px;
text-align: left;
padding-top: 3px;
padding-right: 5px;
}
.feld{
float: right;
width: 100px;
text-align: left;
} 
.knopf{
clear: both;
text-align: center;
padding-top: 15px;
padding-bottom: 30px;
}
.defbreite{
border: 1px solid;
width: 150px;
}

und das ganze ist "über" einem div... ich weiss es ist eine div - "Suppe" aber ich wollte das formular nicht mit einer tabelle machen.

"unteres" - div:

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17:

#rand{
background: #B2E5FF;
position: absolute;
top: 30px;
left: 30px;
height: 500px;
width: 850px;
z-index: -1;
padding-left: 150px;
padding-right: 100px;
}


nicht nur das formular geht nicht, die scrollbalken kann ich auch nicht bediehnen, dass ganze formbox div kann nicht "angeklickt" werden :(

und wie gesagt, dieses problem tritt nur bei FF auf