✔ White Space trotz v-align top und margin 0

[Headymaster]

Hallo,

habe da son ne kleines Prob mit meinem Register Form:

Hier einfach mal mein Template:

<div id="Title">
<?php echo $this->escape($this->Title); ?>
</div>
<?php if (count($this->messages)): ?>
  <div id="errorMsg" class="errorMsg">
  Es sind folgende Fehler aufgetreten:
   <ul>
   <?php foreach($this->messages as $msg) : ?>
    <li>
       <?php foreach($msg as $value) : ?>
       <?php echo $this->escape(ucfirst($value)); ?>
       <?php endforeach; ?>
    </li>
   <?php endforeach; ?>
   </ul>
  </div>
<?php endif; ?>
<div id="Table">
<form action="<?php echo $this->baseUrl; ?>/user/login/register" method="POST">
	   <table>
	    <colgroup>
	     <col width="30%">
	     <col width="70%">
	    </colgroup>
	    <tbody>
	    <tr>
	     <td>Username:</td>
	     <td><input type="text" name="username" value="<?php echo $this->escape($this->data['username']); ?>"></td>
	    </tr>
	    <tr>
	     <td>eMail:</td>
	     <td><input type="text" name="email" value="<?php echo $this->escape($this->data['email']); ?>"></td>
	    </tr>
	    </tbody>
	   </table>
</div>
<div class="FormButtons">
<input type="submit" name="save[save]" value="Registrieren" class="button buttonsave" id="buttonsave">
</div> 
</form>

So das Problem ist das zwischen dem div Title und dem div Table nen White Space im IE 7 besteht, im Firefox aber nicht.
eigentlich soltle der div-container errorMsg ja nicht da sein, weil kein Error......also einfach mal wegdenken.....
So ist dieser div-container aber da ist der Whitespace zwichen errorDiv und TableDiv....

Daraus schließe ich dass das Problem am div-container Table besteht...
Habe schon unendlich rumprobiert aber kriege das problem nicht in den Grif.
Vielleicht könnt ihr mir ja dabei helfen.

Hier mal meine CSS für den div-container Table

#Table {
	background-color: #A3BEEE;
	border: 1px solid Gray;
	border-top: none;
	margin-top: 0px;
	vertical-align: top;
}

Würde mich sehr über Tipps oder Hilfe freuen.

MFG Nilson

 

[Gumbo]

Das Formular wird vermutlich mit einem zusätzlichen Rand dargestellt. Probier mal Folgendes:

form {
	margin: 0;
}

Du solltest zudem noch die Verschachtelung der Elemente prüfen, da das Formular beispielsweise nicht im selben Element geschlossen wird in dem es geöffnet wird.

 

[Headymaster]

Ok super lag an dem Formular....danke dir

MFG Nilson

 

[Maik]

Dann setz ich hier mal den "Erledigt"-Haken neben den Topic.