Umisteni obrazku

Zdravim!

Mam takovy problem:
Okraslil jsem ve formulari INPUT type="text" css filtrem: progid:DXImageTransform.Microsoft.Shadow(color='gray', Direction=135, Strength=4);

zjistil jsem ze to ale nefunguje na prvek SELECT.

Tak jsem PRINTSCREENEM udelal dva obrazky stinu - dolni a pravy
shadow_bottom.bmp a shadow_right.bmp

Ovsem nemuzu prijit na to, jak sladit pozice obrazku sladit s prvkem, aby to pasovalo do sebe.

Formular je na thomasz.wz.cz

Predem vam moc dekuji!

no, je to asi skoro to, co chceš, teď ještě v css pro ten input vyhoď tak veliký okraj (border), zkus třeba border: gray 1px solid; teď je tam (tipnu) border: gray 3px inset;

Ne, pro input je toto:

border-width: 1px;
border-style: solid;
border-color: rgb(123,158,189);

ja potrebuju umistit ty obrazky...

Co já vím...., co tabulka?

Nebo to celé do divu o nějakých rozměrech, divu dáš background, prvek input umístíš do levého horního rohu....
Možností je moc.

skus napr:

<style>
table {border:0;margin:0;padding:0}
img {border:0;margin:0;padding:0}
</style>

<table border=0 cellspacing=0 cellpadding=0>
<tr>
<td><img src=roh-lavy-hore.gif></td>
<td><img src=stena-hore.gif></td>
<td><img src=roh-pravy-hore.gif></td>
</tr>
<tr>
<td><img src=stena-lava.gif></td>
<td><input type=select name=tvoj_input></td>
<td><img src=stena-prava.gif></td>
</tr>
<tr>
<td><img src=roh-lavy-dole.gif></td>
<td><img src=stena-dole.gif></td>
<td><img src=roh-pravy-dole.gif></td>
</tr>
</table>