Thema: Aufeinanderfolgende DIVs; Was mache ich falsch

/edit: Hat sich erledigt, die von mir eig. vermieden werden wollteten floats mussten wohl doch benutzt werden.


Hallo,

anhand des Screenshots eig. schnell erklärt:

http://img2.imagebanana.com/img/k6ujsp91/a.jpg

Der Schatten links ist da wo er nicht sein soll.

Mein Code:

PHP-Code:

#wrapper {
    position:relative;
    top:99px;
    margin:0 auto;
    width:882px;
    height:800px;
}
#top_left {
    position:absolute;
    right:0;
    background:url(../images/rahm-re-oben.png) no-repeat;
    width:30px;
    height:173px;
}
#top_right {
    position:absolute;
    left:0;
    background:url(../images/rahm-li-oben.png) no-repeat;
    width:30px;
    height:173px;
}
#top_middle {
    position:relative;
    background:url(../images/m2013-header-fdjt.jpg) no-repeat;
    height:141px;
    width:822px;
    margin:0 auto;
} 


PHP-Code:

<div id="wrapper">
    <div id="top_left"></div>
    <div id="top_middle"></div>
    <div id="top_right"></div>
</div> 


Wo ist mein Denkfehler?