es mi codigo o el navegador lo que falla?

Hola

Estoy haciendo un nuevo sitio y tengo una pulga extraña que no se de donde viene, pero como soy nuevo en esto del CSS mejor consulto antes de meter la pata.

Le acabo de poner un rollover a los <td> y me trabaja bien en Firefox, pero cuando lo corro en el IE se pone SUPER lento. ya probe todas las posibilidades y aisle el problema a los rollovers en IE. generalmente pensaria que es el maligno, pero puedo correr otros sitios con rollovers similares sin problema.

el codigo que use es este:


CSS

Código :

.nav {color:#BEB1B1; background-color:#769ECB}
.nav_highlight {background-color:#C51019; color:#ffff00}
.Link3 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#FFFFFF;text-decoration: none;}

Tabla

Código :

<table width="140" border="0" cellspacing="0" cellpadding="0"  class="nav">
        <tr>

          <td width="9" height="162" class="f2311"><table width="140" border="0" cellspacing="0" cellpadding="0"  >
            <tr>
               <td onMouseOver="this.className='nav_highlight'" onmouseout
="this.className='nav'">&nbsp;<a href="#" class="Link3">F&uacute;tbol Nacional</a></td>
            </tr>
            <tr>
             <td onMouseOver="this.className='nav_highlight'" onmouseout
="this.className='nav'"> &nbsp;<a href="#" class="Link3" >F&uacute;tbol Internacional</a></td>
            </tr>
            <tr>
              <td onmouseover="this.className='nav_highlight'" onmouseout
="this.className='nav'">&nbsp;<a href="#" class="Link3" >Entrevista</a></td>
            </tr>
            <tr>
              <td onmouseover="this.className='nav_highlight'" onmouseout
="this.className='nav'">&nbsp;<a href="#" class="Link3" >Motores</a></td>
            </tr>
            <tr>
              <td onmouseover="this.className='nav_highlight'" onmouseout
="this.className='nav'">&nbsp;<a href="#" class="Link3" >Tenis</a></td>
            </tr>
            <tr>
              <td onmouseover="this.className='nav_highlight'" onmouseout
="this.className='nav'">&nbsp;<a href="#" class="Link3" >Baloncesto</a></td>
            </tr>
            <tr>
              <td onmouseover="this.className='nav_highlight'" onmouseout
="this.className='nav'">&nbsp;<a href="#" class="Link3" >Opini&oacute;n</a></td>
            </tr>
            <tr>
              <td onmouseover="this.className='nav_highlight'" onmouseout
="this.className='nav'">&nbsp;<a href="#" class="Link3" >Otros deportes</a></td>
            </tr>
          </table></td>
        </tr>
      </table>

aqui esta el sitio en cuestion (diseño en sus primeras fases de construccion)

http://elgrafico.co.cr/test/

Que esta mal, mi codigo o el navegador? alguna alternativa para que corra bien en IE?

Gracias!

P.D see ya se que el FF rulz este sitio tiene que soportar IE

Mmmm

Te has dado cuenta que ese menu lo podrias hacer muuuuucho mas facil con una lista?
http://www.cristalab.com/tutoriales/130/crear-menus-de-navegacion-en-css-usando-listas

Intenta eso y luego vemos como te va

hola siddharta no me carga el sitio link roto

Gracias Ramm, estoy comenzando con el CSS de verdad y no sabia que eso se podia hacer!! Estoy impresionado por todo el tiempo que estaba desperdiciando sin usar el CSS

Problem Solved!!

Ahm Siddharta, no es recomendable que uses esos eventos de javascript como onclick, onmouseover, onmouseout para el CSS.

CSS tiene sus propios eventos, digamos..
:hover
:active
:visited
:focus

Etc

Te recomiendo los revises, es más fácil y standar. Por cierto, IE no corre bien con eso, y no.. no es nada bueno rendereando rollovers. Se supone lo arreglan en IE7.

Cya

Gracias neo, es que hasta despues de tu presentacion en el CO2 fue que me decidi a tomar el CSS en serio.

ahora veo que todo lo que he hecho en Internet apesta miserablemente.

.. siddharta tomando nota y preparando las lecturas de manuales de CSS para este fin de semana..

thx

Jeje, suerte