Position fixieren und Firefox und Internetexplorer verschiedenes ergebnis

2 Fragen

Hallo Leutz,

habe 2 kleine css Probleme und zwar folgende

1stes Problem (php) :

Habe ein Input Text field und habe dies Positioniert, wenn ich nun aber meinen Browser kleiner mache, dann wird das nicht mitverschoben sondern bleibt einfach fix stehen, und liegt somit dann auf der page.
www.psyworld.eu das Search Feld im Menü

Code: <td class='topbar1' align='right' colspan='2' height='212'>
<form action='search.php' method='POST' style='position:absolute; top:245px; left:650px;'>
<table cellpadding='0' cellspacing='0'>
<tr>
<td>{$header1} </td>
<td><input type='text' name='search_text' class='text' size='25'> </td>
<td><input type='submit' class='button1' value='{$header2}'></td>
</tr>
</table>
<input type='hidden' name='task' value='dosearch'>
<input type='hidden' name='t' value='0'>
</form>
</td>
</tr>

2ter Fehler: Das Feld hat beim Internetexplorer eine andere Position wie beim Firefox wie kann man das festlegen das ich das millimeter genau positionieren kann.

Code:

input.search {
vertical-align: middle;
background-image: url(../images/search.gif);
background-repeat: no-repeat;
color: #555555;
font-size: 12pt;
padding-left: 23px;
font-weight: bold;
}

input.button {
font-family: arial, verdana, serif;
font-size: 8pt;
padding: 3px;
font-weight: bold;
background: #FFFFFF;
vertical-align: middle;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-bottom: 1px solid #777777;
border-right: 1px solid #777777;

}

input.button1 {
font-family: arial, verdana, serif;
font-size: 8pt;
padding: 3px;
background-color: transparent;
font-weight: bold;
/* background: #FFFFFF; */
vertical-align: middle;
border-top: 0px solid #CCCCCC;
border-left: 0px solid #CCCCCC;
border-bottom: 0px solid #777777;
border-right: 0px solid #777777;

}

input.radio, input.checkbox {
vertical-align: middle;
}

Danke für die Hilfe

lg