Firefox is terrible Options

[OneOfTheseDayz]

ok I can't seem to align my layout properly in firefox IT just wont budge any ideas?????

CODE

<div id="Menu" style="position:absolute; margin-left:20px!important; margin-left: -15px; margin-top:-155px!important; margin-top: -130px;  overflow: hidden;"><br>
<MAP NAME='imgmap'>
<AREA SHAPE=poly COORDS='224,244,223,269,325,269,335,243' HREF='http://www.xanga.com/signin.aspx?' ALT='Sign In'>
<AREA SHAPE=poly COORDS='338,244,326,269,444,269,456,244' HREF='http://www.xanga.com/claf' ALT='Look and Feel'>
<AREA SHAPE=poly COORDS='456,244,445,269,565,269,575,244' HREF='http://www.xanga.com/Private/SubscribeTo.aspx?user=USERNAMEHERE' ALT='Add Me'>
<AREA SHAPE=poly COORDS='576,245,566,268,686,269,696,244' HREF='http://www.xanga.com/Private/subs.aspx' ALT='My Subs'>
<AREA SHAPE=poly COORDS='697,245,686,268,803,269,802,243' HREF='http://www.xanga.com/logout.aspx' ALT='Log Out'>
<AREA SHAPE=rect COORDS='223,130,802,243' HREF='xanga.com/yourusernamehere' ALT='Refresh'>
</MAP>

<IMG SRC='http://img150.imageshack.us/img150/5058/finsihed8mg.png' border=0 width=1024 height=768 USEMAP='#imgmap'></div>


<div id="Navigation" style="position:absolute; margin-left:300px!important; margin-left: 388px; margin-top: -457px; border: 0px solid #ffffff; width: 184px; height: 352px; background: transp; overflow: auto;">
<P class="navhead"><center><b>About Me</center></b></P>
<p><b>Name:</b> unknown.
<br><b>Hobbies:</b> bulding cars
<br><b>Origin:</b> From Somewhere.<BR>
<b>Birthday:</b> The date I was born.<BR>
<b>Gender:</b> You decide.
<br>
</p>
<p class="navhead"><center><b>Everything Else</b></center></p>
<p><p><table width=100%>
Stuff and Junk and More junk and stuff

<br>
</td>
</tr>
</table></p>

<p class="navhead"><center><b>Credits</b></center></p>
<p>Made By <a href="http://www.xanga.com/drilotedahl">DA</a>.
<br>
Made With Paint Shop Pro X
<br>
</div>

<style type="text/css">
/*--This Layout is made by drilotedahl--*/
/*--You steal you DIE--*/
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, td.mainleft, table.left TH, table.left TD, table.navigation, table.footer, table.search, table.search TD, #SearchBar1_pnlYouAreHere{display: none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops {width: auto !important}
body {
/* scrollbar colours */
scrollbar-arrow-color: #000000;scrollbar-track-color: #c0c0c0;scrollbar-face-color: #c0c0c0;scrollbar-shadow-color: #c0c0c0;scrollbar-highlight-color: #c0c0c0;scrollbar-darkshabadow-color: #c0c0c0;scrollbar-3dlight-color:
#c0c0c0;
overflow-x:hidden;
background: url(http://img233.imageshack.us/img233/8082/backround27kz.png)
repeat: y;
backround: url
(http://img233.imageshack.us/img233/8082/backround27kz.png)
repeat: y !important;
}
/* modules style */
.navi {color: #606060;text-align: center;font-family: verdana;font-size: 11px;}
.content {background-color: #c0c0c0;color: #000000;font-size: 10px;font-family: Verdana;}
/* link styles */
a:link {color: #666666;text-decoration: none;}
a:hover {color: #e5e5e5;text-decoration: none;}
a:active {color: #ffffff;text-decoration: none;}
a:visited {color: #666666;text-decoration: none;}
/* styles for b, s, u, i */
.blogbody b, .standard b, p b, strong {color:#ffffff;}
.blogbody i, .standard i, p i, em {color:#ffffff;}
.blogbody u, .standard u, p u, u {color:#ffffff;border-bottom: 1px solid #ffffff;}
.blogbody s, .standard s, p s, s {color:#ffffff;}
/* edits spacing of blogbody */
.blogbody td{width: 343px;padding-left:0px;padding-right:0px;padding-top:5px;}
/* style of the buttons and stuff */
input, select, textarea, .textfield, .button {font:8pt arial;color: #FFFFFF;background-color: #ffffff;}
/* hr styles */
hr {color: #000000;width: 310px;display: none;}
/* width crap */
table.header, table.main, table.footer{width: 310px;}
table.blogbody, div.blogheader, .caption, div.smalltext{width: 310px;}
td.maincenter {text-align:center;}
</style>
<http-equiv="imagetoolbar" content="no">

<script type='text/javascript'>document.title = ('Blue.Shard');</script>
<script>window.status=" Blue.Convoy by Drilotedahl Creations";</script>


<div id="Blog" style="position:absolute; margin-left:300px!important; margin-left: -180px; margin-top:-320px!important; margin-top: -353px; border: 0px
solid #000000; width: 343px; height: 355px; background: none; overflow: auto;">

http://www.xanga.com/layouttester4me3

[YourSuperior]

I would start over, and not use absolute positioning. But sometimes like stacking div's on top of div's work.

Like your blog div at the bottom. Just stack another on top like this:

CODE

<!--Begin Stacked Div-->
<div style="margin-left: ###px; margin-top: ###px;>
<!--End Stacked Div-->
<div id="Blog" style="position:absolute; margin-left:300px!important; margin-left: -180px; margin-top:-320px!important; margin-top: -353px; border: 0px
solid #000000; width: 343px; height: 355px; background: none; overflow: auto;">

And don't add any type of positioning in the stacked div like position:static;, or position:absolute;