Imagemap background Options

[Note]

My background is covering up my blog and such. It looks fine on firefox but on ie it doesn't display the blog at all, just the background.

[*tripvertigo*]

um, its customary to provide the code or the URL in order for us to figure out what the problme is.

[Note]

sorry

CODE

<div align="left">

<DIV style="width: 800px; height: 746;
background-color: #000000;
margin-top: -110px;">

<img src="http://img526.imageshack.us/img526/2034/otakujj6.jpg"
width="800" height="756" border="0" margin-bottom:"-640px" margin-left:"-630px" 0px alt="" usemap="#otaku_Map">
<map name="otaku_Map">
<area shape="rect" alt="" coords="221,619,420,645" href="http://www.xanga.com/Private/SubscribeTo.aspx?user=y_notebook">
<area shape="rect" alt="" coords="221,588,420,614" href="http://xanga.com/private/home.aspx">
<area shape="rect" alt="" coords="221,557,420,593" href="http://edit.xanga.com/claf.aspx">
<area shape="rect" alt="" coords="109,466,288,486" href="http://www.xanga.com/logout.aspx?mode=logout">
<area shape="rect" alt="" coords="109,439,289,461" href="http://www.xanga.com/signin.aspx">
</map>

<style type="text/css">

table.footer, table.search, #rblEprops {display: none;}

BODY {
scrollbar-face-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #000000;
scrollbar-arrow-color: #ffffff;
background-color: #000000;
background-image: url();
background-repeat: repeat-y;
background-attachment: fixed;
background-position: top center;
margin-left: 0px;}



center, font{
font-family: arial;
font-size: 8pt;
font-color: #000000;
line-height: 12px;}


table.left {
background-color: #000000;
border:0px;}


table.blogbody {
/* this edits the other the place where the blog is */
background-color: #transparent;
border: 0px;
width:390px;}


.blogbody td{
width: 0px;
padding-left: 0px;}


div.blogheader, .caption
/* this edits the dates */
{background-color: transparent;
font: normal 6pt arial;
text-transform: lowercase;
line-height: 12pt;
color: #6e5358;
letter-spacing: 2px;
background-color: none;
text-align: left;
border: 0px;
width: 310px;}


input, select, textarea, .textfield, .button {
border:1px solid #000000;
font: 11px arial;
background-color: #c1013a;
letter-spacing: 0px;
color: #000000;}


.module, .module, .blogbody, table.footer, .standard, .modulemodulefontcolor, td, p, .content, .smalltext, center {
/* this edits the main text */
font-family: arial;
font-size: 8pt;
color: #000000;}


#nav a:link, #nav a:visited, #nav a:active{
background-color: #D3EA80;
filter: alpha (opacity=55, finishopacity=55, style=1);
border: 1px solid #c4d6c8;
font-family: arial;
font-size: 11px;
line-height: 16px;
text-align: center;
color:#000000;
text-decoration: none;
letter-spacing: 2px;
margin-top: 1px;
margin-bottom: 1px;
cursor:crosshair;: 80;}


#nav a:hover{
background-color: #9EE17A;
font-family: arial;
font-size: 11px;
line-height: 16px;
text-align: center;
color:#ffffff;
text-decoration: none;
letter-spacing: 2px;
margin-top: 1px;
margin-bottom: 1px;
cursor:crosshair;
width: 80;}


A:link{
font-family:arial;
text-decoration:none;
font-size: 8pt;
color: #000000;}


A:visited{
font-family:arial;
text-decoration:none;
font-size: 8pt;
color: #000000;}


a:active{
font-family:arial;
text-decoration:none;
font-size: 8pt;
color: #000000;}


A:hover{
color:#c1013a;
border-bottom :1px dashed #b3c093;
font:8pt arial;
cursor:move;}


hr {border: 1px solid #000000;}


table.search TD, table.search, table.announcements
{background-color: #transparent;
border: 0px;
width:359;}


table.search TD, table.announcements TH {border: 0px solid #b3c093;}


table.navigation, table.footer, table.left, table.search, #SearchBar1_pnlYouAreHere{display:none;}

.#rblEprops, .leftmoduletitlebar, .leftmoduleborder,.leftmoduleinterior, #pnlEprops, #rblEprops, #pnlXeps, texttable.left, td.mainleft{display: none;}

/* edit this to however style you want */

table.blogbody tr td {width:0px; padding: 0px;}

.module
{margin-left:116px; margin-top: -545}

table.module
{ border: none; width:170px; background-color: #transparent; margin-left: 0px; margin-top:0px;}

table.module th
/* this edits the title of your custom module */
{background-color: transparent;
font: bold 9pt arial;
text-transform: lowercase;
line-height: 12pt;
letter-spacing: 2px;
background-color: none;
text-align: right;
color:#ffffff;
border: 0px;}


table.module td
/* this edits the body of your custom modules */
{background-color: #transparent;
border:0px;}


U {font-family: arial; color: #c5d9b4; letter-spacing: 0pt; font-size:8pt; font-style: border; border-bottom: 1pt dashed #675e5f;}

B, STRONG {font-family:ARIAL; font-weight: bold; color: #c1013a; letter-spacing:0px;font-size: 10px;}

i, EM {font-family:ARIAL; color: #9bccba; letter-spacing:1px;}

P {font-family:ARIAL; color: #ffffff; font-size: 8pt; text-align: justify;}


h4 {
background-color:#transparent;
color:#000000;
font-family: Times New Roman;
font-size:25px;
line-height: 0px;
font-weight:normal;
text-align: left;
text-transform: none;
margin-top: 0px;}


div.smalltext{
background-color:#transparent;
font-size: 10px;
text-align:right;}


table.navigation, table.footer { display:none; }

.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone,
/* width of the comment page */
{width:355px;}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer, .search, .searchbarborder
{display: none;
}


</style>

<!-- add this below all the CSS -->

<table border=0 width="00"><tr><td valign="top" width="0">

<DIV class="module" style="overflow: off;WIDTH: 181px; Height: 200px;">

<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr> <th valign="top" align="center" class="module">Welcome</strong></th>
</tr><tr>
<td valign="top" class="module">
BLAH BLAH

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


<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr> <th valign="top" align="left" class="module"></th>
</tr><tr>
<td valign="top" class="module">
</p>
    </div><br></td></tr></table><br>
</td><td width="100" valign="top" align="left">

<style type=text/css>
body {overflow-x: hidden;}
</style>

<DIV style="overflow: auto;WIDTH: 500px; Height: 335px; margin-left: -50px; margin-top: -593px">

[*tripvertigo*]

a url would also be nice so we can actually see the problem in action.

and this belongs in xanga support.

[*alovesopure*]

Moved to Xanga support.

[Note]

http://www.xanga.com/y_notebook

[*digitalfragrance*]

^ It's fine, don't worry about it.

All your coding needs is a little Re-organization. Like this...

[Web Title]
[Stylesheet]
[Div Image/Mapping]
[Div Blog]

Try to take out all of the table coding and use margin-left and margin-top values to align your images and blogs. If you organize your coding like that, it'll look compatible in IE and Firefox.