Positionierung IE7/Quirksmode

[Markus**]

Hallo Forum,

ich habe ein DotNetNuke Skin entworfen und dort mittels CSS das Suchfeld angepasst, in IE8/9 sowie Firefox stellt es sich wie folgt (wie gewünscht) so dar: Suchfeld

Im Quirksmode und im IE7 jedoch, verrutscht der Button, wie hier zu sehen: Suchfeld Quirks/IE7

Mit folgenden Styleangaben habe ich das Suchfeld Modifiziert:

  
#dnn_s1_txtSearch /*input type=text */  
{  
    display: block;  
    float: left;  
    font-size: 11px;  
    height: 18px;  
    width: 119px;  
    color: Black;  
    margin: 0;  
    padding: 6px 4px 6px 8px;  
    background-image: url('Grafik/searchfield.png');  
    border: 0;  
    vertical-align: top;  
}  
  
#dnn_s1_cmdSearch /*a hyperlink*/  
{  
    display: block;  
    float: left;  
    height: 30px;  
    width: 30px;  
    color: Black;  
    font-size: 0px;  
    margin: 0;  
    padding: 1px;  
    margin-left: 0;  
    margin-right: 1px;  
    background: url('Grafik/searchbtn.png') no-repeat top left;  
    border: 0;  
}

Das "Suchen"-Control aus DotNetNuke stellt sich im HTML wie folgt dar und hängt in einer Tabellenzelle mit height: 30px:

  
<span id="dnn_s1_ClassicSearch">  
<input name="dnn$s1$txtSearch" maxlength="255" size="20" id="dnn_s1_txtSearch" class="NormalTextBox" onkeydown="return __dnn_KeyDown('13', 'javascript:__doPostBack(%27dnn$s1$cmdSearch%27,%27%27)', event);" type="text">&nbsp;  
<a id="dnn_s1_cmdSearch" class="SkinObject" href="javascript:__doPostBack('dnn$s1$cmdSearch','')">Suchen</a>  
</span>  

Da ich mit meiner "try&error"-Technik nicht weiter komme, nun die Frage an die CSS-Gurus. Was kann ich tun, damit das Ganze auch im IE7, bzw. im Qiurksmodus wie gewünscht angezeigt wird?

Vielen Dank,

Markus**