Hola a todos, el siguiente código es de una galería de imágenes que se mueve hacia los lados al poner el cursor encima, estoy validando el código de toda la página y todo está bien excepto que la etiqueta "nobr" no está admitida y no tengo ni idea de qué hacer para sustituirla o eliminarla. Resulta que si la quito, la galería de imágenes (no he puesto el jScript pues no sé si vale la pena) corre bien en Explorer pero se queda quieta en Mozilla ¿alguien tiene alguna idea de qué debo hacer? se lo agradecería mucho pues quisiera validarlo todo de una vez y no puedo.
Código:
<div id="galeria">
<div id="motioncontainer" style="position:relative;width:600px;height:52px;overflow:hidden;">
<div id="motiongallery" style="position:absolute;left:0;top:0;white-space: nowrap;">
<nobr id="trueContainer">
<a href="../../actualizacion_dic_05/activos/imagenes/albumes/caribe/HTM/imagen1.htm"><img src="../../actualizacion_dic_05/activos/imagenes/albumes/caribe/miniaturas/imagen1.jpg" border=1></a>
<a href="#"><img src="../../actualizacion_dic_05/activos/imagenes/albumes/caribe/miniaturas/imagen2.jpg" border=1></a>
<a href="../../actualizacion_dic_05/activos/imagenes/albumes/caribe/HTM/imagen3.htm"><img src="../../actualizacion_dic_05/activos/imagenes/albumes/caribe/miniaturas/imagen3.jpg" border=1></a>
<a href="#"><img src="foto1"></a>
<a href="#"><img src="foto2"></a>
....................
....................
....................
<a href="#"><img src="ultima foto"></a>
</nobr>
</div>
</div>
</div>
#galeria {
width: 600px;
margin: 0 auto 20px;
}
#galeria img {
margin: 0 auto;
text-align: left;
}
#motioncontainer{
position:relative;width:600px;height:52px;overflow:hidden;}
#motiongallery{position:absolute;left:0;top:0;white-space: nowrap;}
#motioncontainer a img{ /*image border color*/
border: 1px solid #ccc;
}
#motioncontainer a:hover img{ /*image border hover color*/
border: 1px solid navy;
}
#motioncontainer a:hover{
color: red; /* Dummy definition to overcome IE bug */
}
#statusdiv{
padding: 2px;
background-color: #FFC;
border: 1px solid gray;
visibility: hidden;
}