Overlapping entries + top nav box problems Options

[StarCrystal]

I tried use a tutorial to get rid of my top nav bar, but everything stayed the same as is.. and somehow my header image is now stuck in the box. How can position it? It is also an image map layout.
Also, is there a way to overlap my entries over the image?
And how can I get my bottom navigation [archives] to be centered on the bottom of my entries?

Sorry, if this too much ask. Any help would be grateful.
Thank you in advanced!

This where my layout is set up

<!-- begin code provided by createblog.com --><br />GLOBAL_HEAD<=<br /><style type=text/css><br /><br /><!--<br />.shadowed td td {visibility:hidden;display:none;position:relative;top:0px;}--><br /></style><br /><=GLOBAL_HEAD<br /><br />LASTN_OPT_ITEMS=>3 <br /><br />LASTN_HEAD<=<br /><br /><style type="text/css"><br /><!--<br /><br /><br />BODY{<br />scrollbar-face-color:black;<br />scrollbar-shadow-color:#A54850;<br />scrollbar-highlight-color:#A54850;<br />scrollbar-3dlight-color:black;<br />scrollbar-darkshadow-color:black;<br />scrollbar-track-color: black;<br />scrollbar-arrow-color:#D9A8AC;<br /> font-family: Tahoma; font-size: 11px; color: black;<br />}<br /><br /><br /><br />body{margin: 0pt}<br /><br />A:link, A:visited, A:active {text-decoration: none; <br />color: lightpink; <br />cursor:none;<br />font-weight: bold;<br />}<br />A:hover {text-decoration: none; <br />color: black; <br />cursor:crosshair;<br />}<br /><br /> <br /><br />.head, header {<br />text-align: left;<br />font-family: Tahoma; <br />font-size: 10pt; <br />font-weight: bold;<br />color: pink;<br />height: 0; <br />border-top: dotted 1px #E0776C; <br />border-bottom: dotted 1px #E0776C; <br />letter-spacing: 3px;<br />}<br /><br />.title {<br />text-align: left;<br />font-family: Tahoma; <br />font-weight: bold;<br />color: #F8b8b0;<br />font-size: 10pt; <br />height: 0; <br />text-align: right;<br />filter: alpha(opacity=30, finishopacity=100, style=1); <br />border-bottom: solid 1px #F8b8b0; <br />letter-spacing: 3px;<br />}<br /><br /><br />.content {padding-left: 1px; <br />padding-right: 1px}<br /><br />select, input, textarea {border: dotted #D9A8AC 1px; <br />background-color: transparent; <br />font-family: Tahoma; <br />font-size: 11px; <br />color: white; <br />line-height: 130%}<br /><br />TD{font-family: Tahoma; font-size: 11px;}<br /><br /><br /><br /><br />body {<br />overflow-x: hidden;<br />margin-top: 420;<br />}<br /><br />body {<br />background-image: url(http://img276.imageshack.us/img276/1402/back0bj.jpg);<br />background-attachment:fixed;<br />background-repeat: repeat-y;<br />}<br /><br />table{<br />width: 295px;<br />margin-left: 25px;<br />}<br />table.entrybox{<br />width: 481px; <br />margin-left: 5px;<br />margin-top: 94px;<br />margin-right: 100%; <br />} <br />body {<br />overflow-x: hidden;<br />}<br />table table { <br />width: 100%; <br />margin:0; <br />} <br />table table table { <br />width: auto; <br />} <br /><br />--><br /></style><br /><=LASTN_HEAD<br /><br />LASTN_WEBSITE<=<br /><div style="position:absolute; top:500; left: 493; width: 290; height: 100%; visibility: visible;"><br /><p class="title">Intro</p><br />Har har. You stumbled upon my collective + blog site. Hope you don't get too bored. <br>This layout features <a href="http://www.electropica.com" target="_blank">move</a>, a Japanese hip-hop/rap group that consists of yuri, motsu and t-kimura. Many of their songs have been heard on the anime show, <i>Initial D</i>. Image credit goes to move's official site.<p><br />Leave a message in the shoutbox?<br /><p class="title">My Websites</p><br />text text text text <br />text text <br />text text <br />text text <br />text text <br /><br /><br /><br /></div><br /><!-- Image Map created by VisiMapperPro --><br /><br /><img class="headerimg" src="http://img269.imageshack.us/img269/1460/movelayout8wh.jpg" style="position: absolute; top: 0; left: 0; visibility: visible; position: relative;" USEMAP="#movelayout" BORDER=0><MAP NAME="movelayout" ><br /><!-- Image Map (Created by VisiMapperPro) movelayout starts... --><br /><AREA SHAPE=RECT COORDS="4,18,108,84" HREF="http://www.livejournal.com/~flareia" ALT="e n t r i e s" ><br /><AREA SHAPE=RECT COORDS="116,17,228,87" ALT="i n f o" ><br /><AREA SHAPE=RECT COORDS="234,16,367,86" ALT="f r i e n d s" ><br /><AREA SHAPE=RECT COORDS="373,15,497,85" ALT="i c o n s"><br /><!-- End of Map Definition --><br /></MAP><br /><br /><br /><style type="text/css"><br /><!--<br />table table table table .meta {visibility:hidden;position:absolute;top:1px}<br />table table table table table .meta {visibility:visible;position:relative;top:1px}<br /><br /><br />div div{visibility:hidden;position:absolute;top:0x;}<br />tr.caption{<br />display:none<br />} <br />.x {<br />position:absolute; left:5; top:94; z-index: 10; }<br /><br />table{<br />width: 0px;<br />margin-left: 0px;<br />}<br />table.entrybox{<br />width: 481px; <br />margin-left: 5px;<br /><br />margin-right: 100%; <br />} <br />--><br /></style><br /><=LASTN_WEBSITE<br /><br /><br /><br /><br /><!-- end code provided by createblog.com -->

[jordanriane]

I don't have time right now, but I'm j ust viewing this to get the jist of the problem.

I'll get back to you in a few.