menu needs positioned correctly but css positioning not work

Website:
http://www.mycwcreations.com

Link to style sheet:
http://www.mycwcreations.com/main/assets/style.css

Link to header.php:
http://www.mycwcreations.com/main/includes/header.php

Problem:
I need the menu to be centered right in the middle of the image that it's on instead of hovering at the bottom. I've tried CSS positioning but it doesnt work because I use a wrapper on the website and nothing is CSS positioned so when I do use CSS positioning on the menu when you stretch the page or make it smaller the menu stays put and the rest of the website stretches with the browser window and it looks very awkward.

Thanks, this is getting very frustrating.

.cssnav a {
DISPLAY: block;
FONT-SIZE: 11px;
BACKGROUND: url(http://www.mycwcreations.com/main/assets/topbutton.png) no-repeat;
FLOAT: left;
WIDTH: 86px;
HEIGHT: 20px;
FONT-FAMILY: arial, helvetica, sans-serif;
COLOR: black;
margin:0 10px;
text-decoration:none;
line-height:15px;
}
The change above in red should take care of it mate.

Thank you VERRRRRRRRY much! I appreciate it.

Thank you VERRRRRRRRY much! I appreciate it.

My pleasure. :thumbsup: