overflow hidden et position:absolute

Marsh Posté le 20-01-2013 à 01:28:44

Bonjour !

J'ai un soucis
Voici le code :

Code :

<div id="general">
<div style="width:240px; float:left; ">
<div id="alaffiche"></div>
</div>
</div>

avec le css

Code :

#general {
width:966px;
border:1px solid #c1c1c1;
background-color:#ffffff;
position:relative;
}
#alaffiche {
background-image:url(images/bg_alaffiche.png);
background-repeat:no-repeat;
width:240px;
height:344px;
position: absolute;
margin-left:-20px;
}

Donc en fait, #alaffiche passe au dessus de #general

Le hic c'est que si je mets un overflow:hidden dans #general, #alaffiche ne s'affiche plus :fou:
Et de cet overflow:hidden j'en ai vraiment besoin.

J'ai regardé certaine doc sur les position
absolute se positionne en fonction de la div parente (ici #general)

Mais je bloque sur ce problème depuis quelque temps et j'ai plus de cheveux :cry:

Quelqu"un pourrait il m'aider?
Ou peut être me trouver une alternative?

Merci beaucoup