hover / active con imágenes en IE 6

[bcjmpr]

Bueno, no sé con seguridad si mi problema es CSS, agradeceré muevan el post al foro correcto si no es así.

Tengo un menú con imágenes, una para "nosotros", "productos" y al final "contacto". El caso es que, dependiendo de qué sección visite el usuario, la imagen del link activo cambia por una imagen igual pero subrayada. He probado la página en FF, Opera y Chrome y sale perfectamente. Pero en IE 6, sorpresa, sólo funciona el primer link, "nosotros", es decir, es el único que se subraya al visitar esa sección. No entiendo porqué el mismo código me funciona de maravilla en otros navegadores y, más raro, que en IE si funciona para el primer link y para el resto ya no.

El archivo menu.php (que jalo con un include) tiene lo siguiente:

Código PHP:

<div id="menu">
        <div class="nosotros"
<?php
    if($page == 'nosotros.php')
    {
    echo "id='activo'";
    }
?>
        ><a href="nosotros.php" alt="nosotros" title="nosotros"></a></div>
        
        <div class="productos"
<?php
    if($page == 'productos.php')
    {
    echo "id='activo'";
    }
?>
        ><a href="productos.php" alt="productos" title="productos"></a></div>
        
        <div class="contacto"
<?php
    if($page == 'contacto.php')
    {
    echo "id='activo'";
    }
?>      
        ><a href="contacto.php" alt="contacto" title="contacto"></a></div>
    </div>
 

y mi css es así:

Código CSS:

div.nosotros
{
margin-bottom: 0.9em;
margin-left: 2.7em;
width: 92px;
height: 26px;
background-image: url("images/jpg/nosotros.jpg");
}
 
div.nosotros:hover, div.nosotros#activo
{
background-image: url("images/jpg/nosotros_over.jpg");
}
 
div.productos
{
margin-bottom: 0.9em;
margin-left: 2.7em;
width: 92px;
height: 25px;
background-image: url("images/jpg/productos.jpg");
}
 
div.portafolio:hover, div.portafolio#activo
{
background-image: url("images/jpg/productos_over.jpg");
}
 
div.contacto
{
margin-bottom: 0.9em;
margin-left: 2.7em;
width: 92px;
height: 26px;
background-image: url("images/jpg/contacto.jpg");
}
 
div.contacto:hover, div.contacto#activo
{
background-image: url("images/jpg/contacto_over.jpg");
}
 

Y al inicio de cada página tengo el siguiente código para detectar en qué página se encuentra el usuario:

Código PHP:

<?php
    $page = basename($_SERVER['SCRIPT_NAME']);
?>
 

Ojalá alguien me ayude a ver la luz, me resisto a creer que IE es tan malo que incluso reacciona diferente ante el mismo código (bueno, sé que al final será algún descuido mío, jeje).