Przylegające Divy, W Chromie jest OK, W IE już nie Opcje

[Barcelona]

Witam, mam taki problem, który rozwiązałem połowicznie. Jak zwykle zawieszam się na IE

Otóż mam zrobione takie coś:



Tutaj wygląda to tak jak należy

Teraz wycinek z IE



Zakładam że widać gdzie jest błąd

Dodaje kod divów, oraz css

[HTML] pobierz, plaintext 
<div id="zbiornik">
 
<div id="logowanie" >
<div class="jeden">Logowanie</div>
<div class="log">
 
<form action="index.php?strona=logowanie" method="post">
<table border="0">
<tr>
  <td align="right"><u>L</u>ogin: </td>
  <td><input type="text" name="login" /></td>
</tr>
<tr>
  <td align="right"><u>H</u>asło: </td>
  <td><input type="password" name="haslo" /></td>
</tr>
<tr>
  <td colspan="2" align="right">
  <div class="buttons">
    <button type="submit" class="positive">
        <img src="images/tick.png" alt=""/> 
        Zaloguj
    </button>    
</div></td>
</tr>
</table>
</form>
 
</div>
</div>
<div id="rejestracja">   
<div class="dwa">Rejestracja</div>
<div class="rej">
<form action="?strona=rejestracja" method="post">
<input type="hidden" name="opcja" value="test" />
<input type="hidden" name="email" value="barcelona1313@gmail.com" />
<table>
<tr>
  <td><u>L</u>ogin:*</td>
  <td><input type="text" name="login" /></input></td>
</tr>
<tr>
  <td><u>H</u>asło:*</td>
  <td><input type="password" name="haslo" /></td>
</tr>
<tr>
  <td><u>I</u>mie i <u>N</u>azwisko:</td>
  <td><input type="text" name="imie" /></td>
</tr><tr>
  <td><u>B</u>rygada:</td>
  <td><input type="text" name="brygada" /></td>
</tr>
<tr>
  <td colspan="2" align="right">
  <div class="buttons">
    <button type="submit" class="positive">
        <img src="images/tick.png" alt=""/> 
        Rejestruj
    </button>    
</div></td>
</tr>
</table>
</form>
</div>
 </div>
 
</div>
 
[HTML] pobierz, plaintext 

[CSS] pobierz, plaintext 
#zbiornik { 
		width: 452px; 
		position: relative;
		padding: 0;
		margin-top: 1px;
		margin-left: 50px; 
		margin-right: auto;
		vertical-align: top;  
}
#logowanie { 
		width: 225px;
		overflow: hidden;
		height: 100%;
		float: left;
}
#rejestracja {
		width: 225px;
		height: 100%;
		overflow: hidden;
		float: left;
}
.log {
		border-bottom: black 1px dotted;
		border-left: black 1px solid;
		position: relative; top: -10px;
}
.rej {
		border-right: black 1px solid;
		border-bottom: black 1px dotted;
		border-left: black 1px solid;
		position: relative; top: -10px;
}
 
[CSS] pobierz, plaintext 

Proszę o pomoc, pozdrawiam

P.S. Nie wiem również jak zrobić przerwę między "Logowanie" a "Rejestracja"

Ten post edytował Barcelona 19.12.2011, 15:54:27