Mi web se ve bien en firefox y explorer, pero no en opera

Lo dicho, rarisimo, es la primera vez que me pasa. Me explico.
Estoy haciendo una portada y en ella hay seccion de video y seccion de fotos, puse unos visores de flash, pero el cliente quiere que en la parte de abajo los dos fueran iguales, asi que añadi una imagen igual en los dos, pero como dejaba una distancia les puse un margin-top negativo, para que se solapara por debajo.
Hasta ahi todo perfecto, pero resulta que aunque ya consegui que se vea perfectamente alineado en explorer y firefox, en opera se queda mas corto.
Podeis verlo en: www.torresycarrera.com/nueva_portada
Alguien sabria como hacer para que quedara igual en opera que en el resto, es que el cliente es opera el que usa, para mas molestia.
Os pongo el codigo de esas dos cajas:

Código HTML :

<tr>
         <td width="53%" valign="top">
            <div>
               <img src="media/video_1.jpg" width="300">
            </div>
            <div>
               <object width="300" height="270">
               <param name="movie" value="http://www.youtube.com/cp/vjVQa1PpcFPZ9BR47c7eAykj6cWrfruRqilZfKamXTg=&showinfo=1&border=0" >
               </param>
               <embed src="http://www.youtube.com/cp/vjVQa1PpcFPZ9BR47c7eAykj6cWrfruRqilZfKamXTg=&showinfo=1&border=0" 
               type="application/x-shockwave-flash" width="300" height="270">
               </embed>
               </object>
            </div>
            <div style="
            margin-top: -19px; /* Margen superior para todos los navegadores */
            .margin-top: -13px; /* Margen superior de 7px para IE6 y IE7, los demas navegadores todavia seguiran manteniendo el margen de inicial */
            _margin-top: -13px; /* Sólo IE6 leerá y entendera este estilo y aplicará el valor */ 
            ;padding-top:0">
            //<div style="margin: -25 0 0 0">
               <img src="media/video_2.jpg" width="301">
            </div>
         </td>
         <td valign="top">
            <div>
               <img src="media/fotos.jpg" width="300">
            </div>
            <div style="height:265; width:300">
               <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" 
               codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"
               width="300" height="270">
               <param name="allowFullScreen" value="true" />
               <param name="movie" value="gallery.swf" />
               <param name="quality" value="best" />
               <param name="FlashVars" value="xmlFile=gallery.xml" />
               <embed src="gallery.swf" quality="best" scale="noscale" width="300" height="270" FlashVars="xmlFile=gallery.xml" 
               allowFullScreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
               </object>         
               
            </div>
            <div>
               <img src="media/fotos_2.jpg" width="301">
            </div>
         </td>
      </tr>

gracias de antemano por la ayuda

umm... voy a dar una respuesta mas o menos rápida... se me ocurre que en la base de los cuadros, ponga el div un poco mas alto y dejar de back una imagen, ponerla a repetir hacia X y pegada al top. Ahora no tengo herramientas para "escudriñar" el codigo mas adelante he de revisarlo mejor

Jos no te entendi, es que todos los cambios que pruebo si me lo arregla en opera me lo estropea en los otros dos, ya estoy por pasar de opera, ainsss