Layout med css - placere en <div> inden i en anden <div>

Håber denne kategori kan bruges til mit spørgsmål.

Jeg er i gang med et layout på en hjemmeside, og vil gerne have placeret en <div> container i højre side og eksempelvis med 300 px fra toppen, således at placeringen er fast og den omkringværende tekst brydes om <div> containeren. Mit problem er, at teksten ikke brydes omkring den <div> container, der indeholder slideshowet, hvilket jeg gerne vil have, at det gør.

Testsiden er her: http://www.dominicangolfguide.com/

Min css kode ser foreløbig sådan ud:


@charset "utf-8";
/* CSS Document */
body{
    background-image:url(bgstrip.png);
    background-repeat:repeat-x;
    background-color:#fff;
}

div#pagesetup{
    margin-top: 25px;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    width:1000px;
}

div#topbanner{
    width:auto;
    height:120px;
    background-image:url(top_banner.jpg);
}
 
div#centerleft{
    margin-top:10px;
}
div#fadeshow1{
    float:right;
    padding:3px 3px 0px 3px;
}

div#footer{
    margin-top:30px;
    background-color:#b7d4db;
    clear:both;
    display:block;
    overflow:auto;
    text-align: center;
    padding:20px;
}