Navigation problems, Where's it at? Options

[wicked_bitch]

I'm working on a layout of my own, and everything seems to be working okay except for the fact that I can't seem to get my navigation lined up. The blog body is in the right place, but when I go to place the navi links, it either messes the entire layout up and goes out of wack, or it doesn't show up at all.
I'm using the example navigation links until I get things where I want them.

<!-- begin code provided by createblog.com --><br /><div style="overflow: none; width: 150px; height: 450px; margin-top: 1px; margin-left: 500px;"><b>About Me</b><br>Name: John Smith<br>Age: 20<br>Birthday: January 1<br>Hobbies: Farting<Br>Expertise: Computer Programming</div><br /><!-- end code provided by createblog.com -->

So, where do I put ^ it at? I read before the blog body, but when I put it before, once again, something screws up. I'm assuming I'm not putting it in the right spot. Some advice on where to put it?
Here's my in-progress HTML:

<!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><img src="http://img.photobucket.com/albums/v700/wicked_biatch/MOVINGNAVI.jpg"><br /><!-- end code provided by createblog.com --><br /><br /><!-- begin code provided by createblog.com --><br /><div style="<br />overflow: none;<br />width: 200px;<br />height: 450px;<br />margin-top: 1px;<br />margin-left: 754px;"> <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 /><!-- begin code provided by createblog.com --><br /><style type="text/css"><br />/*Name of Your Skin*/<br />/*by YOU*/<br />body {<br />background-image:url(http://img.photobucket.com/albums/v700/wicked_biatch/rightalignedblogs16.jpg);<br />background-repeat: repeat-y;<br />background-align: right<br />background-color: #ffffff;<br />scrollbar-face-color: #COLOR CODE;<br />scrollbar-shadow-color: #COLOR CODE;<br />scrollbar-highlight-color: #COLOR CODE;<br />scrollbar-3dlight-color: #COLOR CODE;<br />scrollbar-darkshadow-color: #COLOR CODE;<br />scrollbar-track-color: #COLOR CODE;<br />scrollbar-arrow-color: #COLOR CODE;<br />}<br /><br />#rblEprops, #pnlEnabled table, #pnlEprops table { <br />width: auto !important; <br />}<br /><br />table.blogbody {<br />width:200;<br />font-family: Arial;<br />font-weight: none;<br />font-size: 12pt;<br />color: #COLOR;<br />text-align: justify;<br />padding: 0px;<br />margin-top: 2px;<br />}<br />div.smalltext{<br />width: 200px;<br />padding: 3px;<br />text-align: left;<br />}<br />.caption, .blogheader {<br />width: 250px;<br />padding: 0px;<br />font-family: CHANGE FONT;<br />font-size: 16pt;<br />text-align: center;<br />color: #COLOR;<br />background-color: #COLOR;<br />text-transform: lowercaps;<br />margin-top: 10px;<br />}<br /><br />P, B, I, TD, TH <br />{font-family: FONT; color: #COLOR CODE OF FONT; font-size: 8pt; }<br />A:link, A:visited, A:active<br />{color:#COLOR CODE OF A LINK; text-decoration:none; font-size:8pt;}<br />a:hover<br />{text-decoration: underline; color:#COLOR; font-size: 8pt; );}<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 /></div></style><br /><!-- end code provided by createblog.com -->

Oh, and if you go to the link, you'll notice that at the top by the advertisement, it's cut-off and you can see the background. Is there a way I can move the major picture up, to cover that? I thought it was maybe a padding issue, but I had all of them set at 0 and still nothing.

And here's a link, if you need it.
Clickie
Thanks.

[talcumpowder]

You always position the navigation before the blog. Because you have to on Xanga.

[wicked_bitch]

Whoa, okay, I got it.

Now, what about my space problem?

[talcumpowder]

Negative margin. It just places the image after the ad because the ad comes first.

[wicked_bitch]

Okay.
Thanks.

[Kenado]

Topic Closed.