Firefox/Safari DIV positioning different on IE Options

[kaliiiiiiiii]

I'm sure there's been other topics about this but I've tried searching and changing my codes so many times and nothing has worked...

I've had a MySpace DIV layout up for a couple of weeks that worked absolutely fine with Firefox and Safari. Today, I was on IE, looking at my layout when I noticed that only some of the DIV boxes were not in the right space and the width was different...not all of the DIVs but only some...

Can anyone help me out?
If you need codes just let me know.

Thank you.

[kaliiiiiiiii]

Here is how the DIV looks on Safari...I made one of the DIVs blue to show the difference...
 LAYOUT_S.png ( 7.63K ) Number of downloads: 8


Here is how the DIV looks on IE...
 LAYOUT_IE.png ( 6.06K ) Number of downloads: 7


Notice how not only the blue DIV on IE is short but the other DIVs (Block, Comment, Pictures, etc.) are cut off by white space...the place where the DIV is turning white is where the links are just starting. I'm not sure if this is even making any sense...but in any case, here are the codes...

This is in my 'General' area...

CODE

.message {
background-color:BLUE;
color:FFFFFF;
border:0px solid;
border-color:transparent;
width:48px;
height:9px;
overflow:auto;
position:absolute;
z-index:2;
left:50%;
top:0%;
margin-left:57px;
margin-top:207px;
text-align:center;
visibility:visible;}

This is in my 'Music' area...

CODE

<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0gMTU1NDI0MzQy" target="_blank">
<div class="message">
</div></a>

Sorry if it's messy and I'm not making sense. The box on the layout where it should say 'Message' should be one link to message me...