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;

[OneOfTheseDayz]

so leave it blank?

[YourSuperior]

^No. Reread my post again. Try to align it using the stacked div.

[OneOfTheseDayz]

ok lets see if I understand it right it should read

CODE

<!--Begin Stacked Div-->
<div style="margin-left: ###px; margin-top: ###px;>
<!--End Stacked Div-->
<div id="Blog" style=" 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;">

?

[YourSuperior]

Yeah, I've got your blog aligned using that but then your navigation moves up. Hmm. I trying to think of a solution.

[OneOfTheseDayz]

maybe its because I didn't align the

CODE

margin-top: ##px !important;

.......

[talcumpowder]

You're a dork... You forgot to close the image div. I hope you know that.... Oh. And 2 div's can't have the same id. So just fix that and it works great. I tried.

[OneOfTheseDayz]

uhhhh whatt????

[YourSuperior]

Like you know how you have <div id =menu>

You have that the id menu for two of your div's. change one of them. They both cant be named menu.

[OneOfTheseDayz]

Ok I edited it in the top is it good now:?????

[talcumpowder]

I was talking more about this...

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'>

You need to add a </div> to the end so it functions like it's supposed to.

[OneOfTheseDayz]

is it better now?
400thpost

[talcumpowder]

Whatdya mean 'is it better now'? I don't care if it's better, you do. I'm just helping you debug it. If you change the numbers now, the content moves. How astonishing. That's why I brought it up.

[OneOfTheseDayz]

I ment the code.....
Its still not moving in FF

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:500px!important; margin-left: -180px; margin-top:-320px!important; margin-top: -353px; border: 0px
solid #000000; width: 343px; height: 355px; background: none; overflow: auto;">

[talcumpowder]

Edit the parts under "div alignment".

CODE

<!-- image stuff -->
<div id="img"><br>
<IMG SRC="http://img150.imageshack.us/img150/5058/finsihed8mg.png" border=0 width="1024" height="768" USEMAP="#imgmap">
<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>
</div>

<!-- sidebar, yo! -->
<div id="navigation">
<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;}
/* div alignment */
#img{position:absolute; margin-left: 0px!important; margin-left: -15px; margin-top: -155px!important; margin-top: -130px;  overflow: hidden;}
#navigation{position:absolute; left: 500px!important; left: 388px; margin-top: -457px; width: 184px; height: 352px; overflow: auto;}
#blog{position:absolute; margin-left:300px!important; margin-left: -180px; margin-top:-320px!important; margin-top: -353px; width: 343px; height: 355px; background: none; overflow: auto;}
</style>

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

<div id="blog" >

[OneOfTheseDayz]

ok.... I am sooo confused..... I tried to0 reposition the layered DIV but it moved IE instead and I have no idea what you want me to doo with the div alignment.

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: 370px; 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: #000000;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>


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

[wickedvampire3]

layouts are messed up because of firefox >.> use internet exporer

[YourSuperior]

ok.... I am sooo confused..... I tried to0 reposition the layered DIV but it moved IE instead and I have no idea what you want me to doo with the div alignment.

Don't use the code that I posted, it works for me but it might not for you. Use the codes that Reili (fishcake-y) posted. Hers will most likely work 10 times better than mine. She said to edit the parts under div alignment.

CODE

<!-- image stuff -->
<div id="img"><br>
<IMG SRC="http://img150.imageshack.us/img150/5058/finsihed8mg.png" border=0 width="1024" height="768" USEMAP="#imgmap">
<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>
</div>

<!-- sidebar, yo! -->
<div id="navigation">
<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;}
/* div alignment */
#img{position:absolute; margin-left: 0px!important; margin-left: -15px; margin-top: -155px!important; margin-top: -130px;  overflow: hidden;}
#navigation{position:absolute; left: 500px!important; left: 388px; margin-top: -457px; width: 184px; height: 352px; overflow: auto;}
#blog{position:absolute; margin-left:300px!important; margin-left: -180px; margin-top:-320px!important; margin-top: -353px; width: 343px; height: 355px; background: none; overflow: auto;}
</style>

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

<div id="blog" >

[OneOfTheseDayz]

ok it is working except that the blog is not moving correctly in FF it stops midway and won't move any ideas???

CODE

<!-- image stuff -->
<div id="img"><br>
<IMG SRC="http://img150.imageshack.us/img150/5058/finsihed8mg.png" border=0 width="1024" height="768" USEMAP="#imgmap">
<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>
</div>

<!-- sidebar, yo! -->
<div id="navigation">
<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;}
/* div alignment */
#img{position:absolute; margin-left: 0px!important; margin-left: -15px; margin-top: -155px!important; margin-top: -130px;  overflow: hidden;}
#navigation{position:absolute;
margin-left: -430px!important; margin-left: 375px; margin-top: -457px; width: 184px; height: 352px; overflow: auto;}
#blog{position:absolute;
margin-left: 500px!important; margin-left: -195px; margin-top: -320px!important; margin-top: -353px; width: 343px; height: 355px; background: none; overflow: auto;}
</style>

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

<div id="blog" >

[YourSuperior]

Try adding

CODE

margin-right: ###px!important;

under blog in your css.