Flash of Unstyled Content

I am using DWCS4...

I have all my CSS within each page....

IN IE (ver8) I notice a flashing between pages...I have done some research on this but am not sure how to fix this...

Can anyone give me help on this? Thank you

Here is the code:

<style type="text/css">
<!--
a:link {
    color: #06F;
    }
a:visited {
    color: #03F;
    }
a:hover {
    color: #666;
    }
a:active {
    color: #00F
    }
#apDiv1 {
    position:relative;
    margin: 1px auto 0 auto;
    width: 850px;
    height: 660px;
    background-color: #FFF;
    z-index:1;
    top: 5px;
    border:groove;
}
#apDiv2 {
    position:absolute;
    width:376px;
    height:65px;
    z-index:2;
    left: 71px;
    top: 4px;
    color: #FFF;
    font-family:Arial, Helvetica, sans-serif;
    font-size:18px;
}
#apDiv3 {
    position:absolute;
    width:63px;
    height:24px;
    z-index:3;
    left: 236px;
    top: 94px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #FFF;
}
#apDiv4 {
    position:absolute;
    width:86px;
    height:27px;
    z-index:2;
    left: 393px;
    top: 94px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #FFF;
}
#apDiv5 {
    position:absolute;
    width:95px;
    height:25px;
    z-index:2;
    left: 576px;
    top: 94px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #FFF;
}
#apDiv6 {
    position:absolute;
    width:618px;
    height:225px;
    z-index:2;
    left: 128px;
    top: 163px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:16px;
    color:#000;
}
</style>