nav and blog are messed up Options

[crazybabii412]

Hey all! I'm having trouble with positioning my navigation and blog. When I put the blog in the right place, it moves the navigation to the wrong place; when I put the navigation in the right place, it moves the blog. Help!

Here's a link to the example with the blog in the correct place. (I know the image isnt working; it's just a temporary filler). Here is the code:

<!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><DIV style="margin-top: -96px; margin-left: -229px; padding-bottom: 0px"><br /><!-- end code provided by createblog.com --><br /><br /><br /><MAP NAME='imgmap'><br /><AREA SHAPE='rect' COORDS='712,147,827,156' HREF='http://www.xanga.com/dazed_n_confused4'><br /></MAP><br /><br /><IMG SRC=http://img103.exs.cx/img103/7848/kqwhite1t3.gif' border=0 width=850 height=550 USEMAP='#imgmap'><br /><br /><br /><div id="Left Module" style="position:static; margin-right: -550px; margin-top: -305px; border: 0px solid #FFFFFF; width: 225px; height: 425px; background: #FFFFFF; overflow: auto;"><br /><p align="right"><br /><B><U>Stuffffff</U></B><br><br />links<br />links<br />links<br /><B><U><color=white>About Me</font></U></B><br><br />Put stuff about yourself here. Put stuff about yourself here. Put stuff about yourself here. Put stuff about yourself here. Put stuff about yourself here. Put stuff about yourself here. Put stuff about yourself here. Put stuff about yourself here. Put stuff about yourself here. Put stuff about yourself here. Put stuff about yourself here. Put stuff about yourself here.<br /></div><br /><br /><br /><br /><!-- begin code provided by createblog.com --><br /><div id="content" style="margin-top: -514px; margin-left:-35px; width: 725px; height: 360px; overflow: auto; position=static"><br /><!-- end code provided by createblog.com --<br /><br /><!-- begin code provided by createblog.com --><br /><style type="text/css"><br />.#rblEprops{display:none;}<br />#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops <br />/* width of the comment page */<br />{width:245px;}<br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer <br />{display: none;} <br /></style><br /><!-- end code provided by createblog.com --><br /><br /><br /><!-- begin code provided by createblog.com --><br /><style type="text/css"><br />/*Name of Skin*/<br />/*by Dazed_n_confused4*/<br />body {<br />background-image:url(http://img155.exs.cx/img155/5893/bglightgrey7it.gif);<br />background-repeat: repeat-y-x;<br />background-color: #FFFFFF;<br />}<br /><br />#rblEprops, #pnlEnabled table, #pnlEprops table { <br />width: auto !important; <br />}<br /><br />table.blogbody {<br />width:400px;<br />font-family: Arial;<br />font-weight: none;<br />font-size: 12pt;<br />color: #FFFFFF;<br />text-align: justify;<br />padding: 0px;<br />margin-top: 2px;<br />}<br />div.smalltext{<br />width: WIDTHpx;<br />padding: 3px;<br />text-align: left;<br />}<br />.caption, .blogheader {<br />width: 380px;<br />padding: 3px;<br />font-family: Arial;<br />font-size: 16pt;<br />text-align: center;<br />color: #FFFFFF<br />;<br />background-color: transparent;<br />text-transform: lowercaps;<br />margin-top: 10px;<br />}<br /><br />P, B, I, TD, TH <br />{font-family: FONT; color: #990033<br />; font-size: 8pt; }<br />A:link, A:visited, A:active<br />{color:#FF0066<br />; text-decoration:none; font-size:8pt;}<br />a:hover<br />{text-decoration: underline; color:#FF6699<br />; font-size: 8pt; );<br />cursor: url(http://www.geocities.com/bornebeutiful/cursor_lightgrey.cur);<br />}<br />b, strong, i, u, {<br />/* edit colors when bold italic underline */<br />font-family: arial;<br />font-size: 8pt;<br />color: #000000;<br />font-weight: bold; <br />text-transform: lowercaps;<br /></style><br /><!-- end code provided by createblog.com --><br /><br /><br /><!-- begin code provided by createblog.com --><br /><style type="text/css"><br />div {<br /><br />filter:chroma(color=#000022); /* transparent scrollbars */<br /><br />scrollbar-arrow-color: #666666;<br />scrollbar-face-color: #000022; /* transparent */<br />scrollbar-3dlight-color: #000022; /* transparent */<br />scrollbar-darkshadow-color: #000022; /* transparent */<br />scrollbar-highlight-color: #000022; /* transparent */<br />scrollbar-shadow-color: #000022; /* transparent */<br />scrollbar-track-color: #000022; /* transparent */<br />}<br /></style><br /><!-- end code provided by createblog.com --><br /><br /><script type='text/javascript'><br />document.title = ('she*s a Killer Queen');<br /></script><br /><br /><br /><!-- begin code provided by createblog.com --><br /><br /><script language="JavaScript"><br /><br />  var message = "MESSAGE";<br />  var speed = 75;<br />  var forward = true; <br /><br />  function bounce(){<br />    if (forward) {<br />      message = " " + message;<br />      forward = ((message.length > 120) ? false : true);<br />    } else {<br />      if (message.charAt(0) == ' ') {<br />        message = message.substring(1, message.length);<br />      } else {<br />        forward = true;<br />      }<br />    }<br />    window.status = message;<br />    ("bounce()", speed);<br />  } <br /><br />  bounce(); <br /><br />  // end hide --><br /></script><br /><!-- end code provided by createblog.com --><br /><br /><!-- end code provided by createblog.com --><br /><br /><br /><!-- begin code provided by createblog.com --><br /><br /><STYLE TYPE="text/css">p {align=justify}<br />BODY{cursor: url(http://www.geocities.com/bornebeutiful/Cursors/cursor_grey.cur);}<br />a {cursor: url(http://www.geocities.com/bornebeutiful/ursors/cursor_lightgrey.cur);}<br /></STYLE><br /><br /><!-- end code provided by createblog.com --><br /><br /><!-- begin code provided by createblog.com --><br /><body bgcolor="#FFFFFF" ondragstart="return false" onselectstart="return false" oncontextmenu="return false"><br /><!-- end code provided by createblog.com --><br /><br /><!-- end code provided by createblog.com -->

Here's a link to the one where the navigation is in the correct place. (again, i know the image isn't working). Here's the code:

<!-- begin code provided by createblog.com --><br /><br /><!-- begin code provided by createblog.com --><br /><DIV style="margin-top: -96px; margin-left: -229px; padding-bottom: 0px"><br /><!-- end code provided by createblog.com --><br /><br /><br /><MAP NAME='imgmap'><br /><AREA SHAPE='rect' COORDS='712,147,827,156' HREF='http://www.xanga.com/dazed_n_confused4'><br /></MAP><br /><br /><IMG SRC=http://img103.exs.cx/img103/7848/kqwhite1t3.gif' border=0 width=850 height=550 USEMAP='#imgmap'><br /><br /><br /><div id="right Module" style="position:static; margin-right: -965px; margin-top: -394px; border: 0px solid #FFFFFF; width: 225px; height: 365px; background: #FFFFFF; overflow: auto;"><br /><p align="right"><br /><B><U>Stuffffff</U></B><br><br />links<br />links<br />links<br /><B><U><color=white>About Me</font></U></B><br><br />Put stuff about yourself here. Put stuff about yourself here. Put stuff about yourself here. Put stuff about yourself here. Put stuff about yourself here. Put stuff about yourself here. Put stuff about yourself here. Put stuff about yourself here. Put stuff about yourself here. Put stuff about yourself here. Put stuff about yourself here. Put stuff about yourself here.<br /></div><br /><br /><!-- begin code provided by createblog.com --><br /><div id="content" style="margin-top: -514px; margin-left:-35px; width: 725px; height: 360px; overflow: auto; position=static"><br /><!-- end code provided by createblog.com --<br /><br /><!-- begin code provided by createblog.com --><br /><style type="text/css"><br />.#rblEprops{display:none;}<br />#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops <br />/* width of the comment page */<br />{width:245px;}<br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer <br />{display: none;} <br /></style><br /><!-- end code provided by createblog.com --><br /><br /><br /><!-- begin code provided by createblog.com --><br /><style type="text/css"><br />/*Name of Skin*/<br />/*by Dazed_n_confused4*/<br />body {<br />background-image:url(http://img155.exs.cx/img155/5893/bglightgrey7it.gif);<br />background-repeat: repeat-y-x;<br />background-color: #FFFFFF;<br />}<br /><br />#rblEprops, #pnlEnabled table, #pnlEprops table { <br />width: auto !important; <br />}<br /><br />table.blogbody {<br />width:400px;<br />font-family: Arial;<br />font-weight: none;<br />font-size: 12pt;<br />color: #FFFFFF;<br />text-align: justify;<br />padding: 0px;<br />margin-top: 2px;<br />}<br />div.smalltext{<br />width: WIDTHpx;<br />padding: 3px;<br />text-align: left;<br />}<br />.caption, .blogheader {<br />width: 380px;<br />padding: 3px;<br />font-family: Arial;<br />font-size: 16pt;<br />text-align: center;<br />color: #FFFFFF<br />;<br />background-color: transparent;<br />text-transform: lowercaps;<br />margin-top: 10px;<br />}<br /><br />P, B, I, TD, TH <br />{font-family: FONT; color: #990033<br />; font-size: 8pt; }<br />A:link, A:visited, A:active<br />{color:#FF0066<br />; text-decoration:none; font-size:8pt;}<br />a:hover<br />{text-decoration: underline; color:#FF6699<br />; font-size: 8pt; );<br />cursor: url(http://www.geocities.com/bornebeutiful/cursor_lightgrey.cur);<br />}<br />b, strong, i, u, {<br />/* edit colors when bold italic underline */<br />font-family: arial;<br />font-size: 8pt;<br />color: #000000;<br />font-weight: bold; <br />text-transform: lowercaps;<br /></style><br /><!-- end code provided by createblog.com --><br /><br /><br /><!-- begin code provided by createblog.com --><br /><style type="text/css"><br />div {<br /><br />filter:chroma(color=#000022); /* transparent scrollbars */<br /><br />scrollbar-arrow-color: #666666;<br />scrollbar-face-color: #000022; /* transparent */<br />scrollbar-3dlight-color: #000022; /* transparent */<br />scrollbar-darkshadow-color: #000022; /* transparent */<br />scrollbar-highlight-color: #000022; /* transparent */<br />scrollbar-shadow-color: #000022; /* transparent */<br />scrollbar-track-color: #000022; /* transparent */<br />}<br /></style><br /><!-- end code provided by createblog.com --><br /><br /><br /><br /><script type='text/javascript'><br />document.title = ('she*s a Killer Queen');<br /></script><br /><br /><br /><!-- begin code provided by createblog.com --><br /><br /><script language="JavaScript"><br /><br />  var message = "MESSAGE";<br />  var speed = 75;<br />  var forward = true; <br /><br />  function bounce(){<br />    if (forward) {<br />      message = " " + message;<br />      forward = ((message.length > 120) ? false : true);<br />    } else {<br />      if (message.charAt(0) == ' ') {<br />        message = message.substring(1, message.length);<br />      } else {<br />        forward = true;<br />      }<br />    }<br />    window.status = message;<br />    ("bounce()", speed);<br />  } <br /><br />  bounce(); <br /><br />  // end hide --><br /></script><br /><!-- end code provided by createblog.com --><br /><br /><!-- end code provided by createblog.com --><br /><br /><br /><!-- begin code provided by createblog.com --><br /><br /><STYLE TYPE="text/css">p {align=justify}<br />BODY{cursor: url(http://www.geocities.com/bornebeutiful/Cursors/cursor_grey.cur);}<br />a {cursor: url(http://www.geocities.com/bornebeutiful/ursors/cursor_lightgrey.cur);}<br /></STYLE><br /><br /><!-- end code provided by createblog.com --><br /><br /><!-- begin code provided by createblog.com --><br /><body bgcolor="#FFFFFF" ondragstart="return false" onselectstart="return false" oncontextmenu="return false"><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com -->

Is there a code I could use so they aren't so messed up?
I desperately need help.

[C.Lime.Jello.]

Try putting the blog postioning after the module postioning and exactly why do you have three div layers when you're only movingtwo things?