Parent div bloque le focus du curseur des divs enfants dans IE7

Question

Voici l'idée: J'ai un élément div, #content_wrapper, qui englobe trois div divisés, #left_column, #nav et #content. Voici les styles du #content_wrapper:

#content_wrapper { 
    float:left; 
    background: url("images/bg-tan.jpg") repeat-y left center; 
    position:relative; 
}

Cependant, dans Internet Explorer 7 le #content_wrapper semble voler le curseur des éléments enfants. Chaque fois que je survole le #content_wrapper, le curseur bascule toujours sur un faisceau et je suis incapable de cliquer sur l'un des liens ou du texte à l'intérieur de la div. Pensées?

Mise à jour: J'ai essayé les correctifs suivants, dont aucun n'a fonctionné.

• Application largeur fixe à tous les éléments, y compris des parents et supérieurs enfants de niveau
• position d'application: par rapport à tous les éléments et z-index
• L'utilisation importante sur toutes les propriétés ci-dessus en cas
• Ajout du "zoom" propriété de parent et de l'enfant divs
• Ajout du "débordement" à la propriété div parent

Answer 1

#content_wrapper { position: relative; z-index: -1; width: 1010px; } 

EDIT: Vous définissez le z-index de #content_wrapper à -1. C'est pourquoi ça arrive. Débarrassez-vous-en ou placez-le à une valeur positive.

Answer 2

Essayez

#content_wrapper { 
    zoom: 1 
}