need help with DIV POSITION., happy now? Options

[New2This]

Since my last post was closed because I didn't know WHAT to title it... ...i am doing another one in proper format.

I need help trying to figure out my div positioning (I guess...?)

Here is what I have...

the links are on the page...just so far off from where I want them, that they aren't visible unless you scroll quite a bit...

Here is what I'd like...

notice the words/links ON the butterflies.

here's the code that contains those links:

CODE

.navigation1 {
background-color:transparent;
color:black;
border:0px;
border-color:5F9EA0;
width:103px;
height: 104px;
overflow-x:hidden;
left:0%;
top:0%;
margin-left:103px;
margin-top:104px;
text-align:center;
visibility:visible;}

I have 5 of those ^ (one for comments, blog, pictures, message and home), just didn't think it was necessary to post each one. They're all the same except the width/height and margins.

I appologize, I don't know all the technical terms for the codes, as I've learned it all by copying other codes and screwing around with them to figure out what does what...

(is that better relentless? )

[Relentless]

Much better.

I suggest you to image map and its much easier.

This site contains image mapping: http://www.isdntek.com/tagbot/imap.htm

Put your text on the butterflies (so that people will know it will link somewhere).. save it as a full file.

Then do what the following instructions say, press New Link everytime you want to add another link. Put the adress on the required spot (where you want to link it to) and you can put text on Alt (Meaning if you hover the link, there will be a dialogue box displaying you're "text"). You will notice a sqaure thing on the picture, move it and resize it the way you want it to be at the butterfly.

Once you're done, press Make Code and copy the HTML. Then copy and paste that onto you're DIV.

It works wonders. I hope it helps.