Divs & Table Problem

[Notsoswuyd]

Here is the CSS:

<style>
body {background-image: url(img); background-repeat: no-repeat; background-attachment:fixed; position:absolute; top:10px; left:0px;}

.main {border: solid 1px #FEF2BE; height: 250px; width: 400px; overflow: auto; background-color:#D9B17E; font-family: Garamond; font-size: 10pt; color:#663300; opacity: 0.8; position: absolute; top: 240px; left:565px;}

.smallmain {height: 211px; width: 392px; overflow: auto; background-color:#D9B17E; font-family: Book Antiqua; font-size: 10pt; color:#663300; opacity: 0.8; position: absolute; top: 268px; left:565px; padding-left: 3px; padding-right: 3px; padding-top: 5px; padding-bottom:5px;}

.links {border: solid 1px #FEF2BE; height: 250px; width: 164px; overflow: auto; background-color: #D9B17E; font-family: Garamond; font-size: 10pt; color:#663300; opacity: 0.8; position: absolute; top: 240px; left:975px}

.smalllinks {height: 211px; width: 157px; overflow: auto; background-color: #D9B17E; font-family: Garamond; font-size: 10pt; color:#663300; opacity: 0.8; position: absolute; top: 268px; left:975px; padding-left: 3px; padding-right: 3px; padding-top: 5px; padding-bottom:5px;}

.blog {border: solid 1px #FEF2BE; height: 150px; width: 574px; overflow: auto; background-color: #D9B17E; font-family: Garamond; font-size: 10pt; color:#663300; opacity: 0.8; position: absolute; top: 498px; left:565px}

.smallblog {height: 111px; width: 565px; overflow: auto; background-color: #D9B17E; font-family: Bookman Old Style; font-size: 10pt; color:#663300; opacity: 0.8; position: absolute; top: 526px; left:565px; padding-left: 3px; padding-right: 3px; padding-top: 5px; padding-bottom:5px;}

h1 {font-size:20pt; font-family:Monotype Corsiva; font-weight: bold; color: #663300; text-align:center; vertical-align:middle; border-bottom: 1px dotted #FEF2BE}

h2 {font-size:12pt; font-family: Candara; color: #D9B17E; border-bottom: 2px solid #FEF2BE; background-color:#663300;}

h3 {font-size:12pt; font-family: Georgia; color: #CC1100; border-bottom: 2px solid #CC1100; border-top: 2px solid #CC1100}

</style>

This is where it came from: notsoswuyd. webs. c om No spaces of course.

Presumably, it should work on FireFox since that's where it works for me and other people I have asked. However, on Internet Explorer and Safari, it's messed up. The divs don't appear inside the tables.

I was advised before just to use divs or tables instead of overlaying them, but it wasn't my aesthetic; however, I like having the headers above the div. So, if there's a possible way to create a legend (such as with a fieldset) and put the header there, I could try that one...

Help would be greatly appreciated.