Hello every one,

Why am I having problems getting my footer Div tag to drop below a position: absolute; and/or position: relative; Div.

I'm transferring a pdf from Photoshop with css file. When I use photoshop to generates the css file for the images, It assigns code with an absolute tags which is fine I guess?

#FloorPlan-01 {
    position:absolute;
    left:0px;
    top:0px;
    width:189px;
    height:325px;
}

I then wrapped the code in another Div to contain the images. When I do so, the container floats to the top left of the page unless I assign either position: absolute; and/or position: relative; to the the wrapper.

Here is that code

#contentmap {
    width : 90%;
    margin-right : auto;
    margin-left : auto;
    margin-top : 100px;
    padding-left : 2px;
    margin-bottom : 20px;
    padding-bottom : 20px;
    padding-right : 20px;
    color : #333333;
    clear: both;
    padding-top: 30px;
    text-align: center;
    position: absolute;
}

The problem I'm having is this, My header and content area line up correctly in my template but footer section isn't recognizing the images wrapped. My footer positions as if there were no content at all?

clearfix?

The page in question


Thanks for any help

Silly me... I figured it out