box problem unter firebird (Abstand oben)

[David Gerlich]

hallo

ich hab ein css-problem mit firefox (bin nicht der erfahrenste user darin)

ich bin grad dabei eine simple wiederverwendbare box mit einem hintergrundbild zu entwickeln. Dabei bekomme ich so eine Art Zeilenumbruch bevor das Bild oben anfängt. Beim IE wir es korrekt angezeigt d.h. die box fängt richtigerweise oben links an.

das ist der code:

<table cellspacing="0" cellpadding="0" border="1">
  <tr>
    <td valign="top" width="400" height="400" style="vertical-align:top;">
      <div class="box" style="clear:both;float:both;">
        <div style="vertical-align:top;">
   <h4>Test-Titel</h4></span>
 </div>
      </div>
    </td>
  </tr>
</table>

.box {
    align-vertical:top;
    background: transparent url('images/struktur/miditeaser_left.gif') no-repeat;
    width:176px;
    height:290px !important;
    font-size: 11px;
    font-family:Verdana, Arial;
}

Bin dankbar für jede Hilfe, hab auch schon mit clear und float rumexperementiert, hat leider nix geholfen.

danke
david