Positioning images in the header with CSS

[craig806]

http://www.worldinvestment.org/worldinvestment/


I am trying to write new CSS for the tpl_header.php page. I get the images to show but not the way they are in the CSS. Below is the new css and the URL is http://www.worldinvestment.org/worldinvestment/



#outsideheadercss {
height: 612px;
width: 1584px;
position: relative;
}


#flashmainnav {
height: 612px;
width: 684;
position: absolute;
top: 137px;
}



#topmainnav {
height: 139px;
width: 684px;
position: absolute;
}

#bottommainnav {
height: 136px;
width: 684px;
position: absolute;
}




#contrypicture {
position: absolute;
height: 134px;
width: 157px;
left: 684px;
}





The images are supposed to be beside the ones up top. I have increased the width of the template so that the css reads

#mainWrapper {

background-color: #ffffff;

text-align: left;

width: 1584px;

vertical-align: top;

}


Any help you can give would be great

Thank you
sincerely
Craig

[craig806]

I have an idea why don't you all come to the link and watch me flop around on the website lol it hours of fun for the whole family.


If there is anyone out there with any idea PLEASE feel free to fire away