a:link a:hover en Internet explorer

[gVenom]

Saludos.

Bueno, estoy diseñando mi página web para comenzar un negocio de servicio hosting, y apenas comienzo a crearla y ya me quede pegado con una parte. Resulta que voy a poner dos hojas de estilo diferentes para IE6 y otra general, le he puesto este tag para ello:

Código HTML:

<link rel="stylesheet" href="css/div-styles.css" type="text/css" />
<link rel="stylesheet" href="css/txt-styles.css" type="text/css" />
<!--[if !IE]> 
<link rel="stylesheet" href="css/div-styles-IE.css" type="text/css" /> 
<link rel="stylesheet" href="css/txt-styles.css" type="text/css" />
<![endif]--> 

le cargue la hoja de estilos de texto de nuevo ahi solo por si las dudas. Bueno, todo iba bien hasta que llegue a la parte donde estan los servidores, que son imagenes y tienen el texto de info y de ordene ya en un div, encima en posicion absoluta:

Código CSS:

#alfa{
    position:relative;
    width:258px;
    left:0px;
    float:left;
}
#info-alfa{
    position:absolute;
    font-size:11px;
    font-family:"Tahoma", Arial;
    width:43px;
    left: 97px;
    top: 344px;
    z-index:100;
}
#order-alfa{
    position:absolute;
    font-size:11px;
    font-family:"Tahoma", Arial;
    width:56px;
    left: 182px;
    top: 344px;
    z-index:100;
}
#beta{
    position:relative;
    width:258px;
    left:0px;
    float:left;
}
#info-beta{
    position:absolute;
    font-size:11px;
    font-family:"Tahoma", Arial;
    width:43px;
    left: 357px;
    top: 344px;
    z-index:100;
}
#order-beta{
    position:absolute;
    font-size:11px;
    font-family:"Tahoma", Arial;
    width:56px;
    left: 442px;
    top: 344px;
    z-index:100;
}
#gamma{
    position:relative;
    width:258px;
    left:0px;
    float:left;
}
#info-gamma{
    position:absolute;
    font-size:11px;
    font-family:"Tahoma", Arial;
    width:43px;
    left: 614px;
    top: 344px;
    z-index:100;
}
#order-gamma{
    position:absolute;
    font-size:11px;
    font-family:"Tahoma", Arial;
    width:56px;
    left: 699px;
    top: 344px;
    z-index:100;
}
 

en firefox se ve bien y en opera, incluyendo los estilos de:

Código CSS:

a:link{text-decoration:none}
a:visited{color:#990000}
a:hover{color:#FF0000}
 

pero en IE no salen ni los enlaces, aveces me carga uno y si refresco la página se desaparece , esta loco ese navegador. el html va asi:

Código HTML:

<div id="alfa"><img src="http://www.forosdelweb.com/images/alfa.jpg" alt="Plan Alfa" /></div>
    <div id="info-alfa"><a href="#">m&aacute;s info</a></div>
    <div id="order-alfa"><a href="#">ordene ya</a></div>
    <div id="beta"><img src="http://www.forosdelweb.com/images/beta.jpg" alt="Plan Beta" /></div>
    <div id="info-beta"><a href="#">m&aacute;s info</a></div>
    <div id="order-beta"><a href="#">ordene ya</a></div>
    <div id="gamma"><img src="http://www.forosdelweb.com/images/gamma.jpg" alt="Plan Gamma" /></div>
    <div id="info-gamma"><a href="#">m&aacute;s info</a></div>
    <div id="order-gamma"><a href="#">ordene ya</a></div> 

y esta es la página web:

http://yourweblogos.com/samples/gvenom/company/

Pensaba montar eso en flash pero no quiero que la página se vuelva tan pesáda.
Gracias por cualquier ayuda.