Position:absolute et overflow:hidden

J'ai un soucis
Voici le code :

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

avec le css

    #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

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

Merci beaucoup

en fait, il fallait mettre #general en absolute avec un height:auto
et #alaffiche en relative