conseguir este diseño con css y sin tabla

[abuenog]

Hola, que tal.

Tengo este código, y me gustaría conseguir el mismo diseño pero sin utilizar la tabla y con css, lo más reducido posible el código. He intentado, pero no hay manera. Este es el código:

Código:

<TABLE cellpadding="0" cellspacing="0">
   <TBODY>
      <TR>
        <TD rowspan="2"><INPUT type="text" name="field[7]" ></TD>
        <TD><IMG src="UpSmallArrowIcon.gif"></TD>
        <TD rowspan="2">
          <BUTTON type="button" ><IMG src="CalendarIcon.gif"></BUTTON>
       </TD>
     </TR> 
     <TR>
        <TD><IMG src="DownSmallArrowIcon.gif"></TD>
     </TR>
  </TBODY>
</TABLE>

Gracias

[PascalC]

puedes poner un ejemplo en linea con las imagenes ? Tengo dificultades para imaginarme el resultado visual final ;)

[abuenog]

Hola, el efecto que quiero conseguir es este:



saludos

[PascalC]

aquí tienes un ejemplo, funciona en IE y Mozilla aunque hay un ligero bug en Opera (el icono del calendar se sale un poco por encima) :

http://pascal.chevrel.free.fr/bugopera.htm