[Ovillo] El uso del vertical align

Lun Oct 23 18:57:18 UTC 2006

Hola listeros, me dirijo a uds a ver quien puede ayudarme mi nombre es Marlene y ando algo perdida en el uso del vertical-align. Mi problema es que deseo alinear un elemento de tipo texto (input) con otro elemento de tipo imagen dentro de un formulario. 
Esto que les mando solo se ve bien en Opera en los demas navegadores como Mozilla, IE, Netscape se ve mal.
Por favor que alguien me indique como alinear bien estos dos elementos.

La imagen que deseo alinear con el input se las envio adjunta al mensaje
Código que escribí:

<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style>
BODY {
background : #C0D9D9;
color : #666666;
margin : 20px 0px 20px 0px;
text-align: center;
} 
#contenedor{
text-align: left;
width: 700px;
background-color : #ffffff;
margin: auto;
} 
#cadena{
 font-size:9px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 width:114px;
 border-bottom:1px solid #666666;
 border-top:1px solid #666666;
 border-left:1px solid #666666;
 border-right:none;
}
form{
 margin:0px;
 padding:0px;
}
</head>

<body>
<div id="contenedor">
<form action="" method="get">
<div>
 <span style="vertical-align:top;"><input name="cadena" id="cadena" type="text" value="dalia" /></span><span style="vertical-align:middle;"><input name="btn" id="btn" type="image" src="ir.gif" /></span>
</div>

</form>
</div> 
</body>
</html>

Gracias de antemano.
mmm