CSS Centering a sliced Navbar with CSS

Hello all,

I'm having a hard time using CSS to center a navigation bar I sliced up.

I made the Navbar in Photoshop, sliced it up and had Photoshop save it for the Web using CSS.

The images display fine when viewed in a browser, but I've spent hours fiddling with the code, trying to get it all to be centered on the page. Does anyone know the solution?

Here is a sample of the CSS Photoshop came up with:

#Table_01 {
position:absolute;
left:0px;
top:0px;
width:950px;
height:300px;
}

#abovebuttons {
position:absolute;
left:0px;
top:0px;
width:950px;
height:175px;
}
​

And this is the HTML I'm trying to use:

<div id="Table_01">
<div id="abovebuttons"><img src="images/abovebuttons.jpg"></div>
<div id="beforeartwork">
<img src="images/beforeartwork.jpg" width="52" height="75" alt="">
</div>

​

Again, my goal is to have a sliced up Navbar centered at the top of the page. What am I doing wrong, or how could it be done?

Please ask me any questions you need!

 

That doesn't change anything unfortunately.

Do you want to see all the code, or just have me upload the files?

Thanks for the help so far.

 

UPLOAD PROBLEMS:

ZIP files gave me message "Upload of File Failed" (3.3 MB)

Files separately gave me "Invalid file" (formats were .css and .html)

Searching the forum for an answer gave me the error message:

Thanks for the help, again.

What next?

EDIT: Tried to upload again today... no luck.

 

OK here. I uploaded the file to this directory on the website I am working on.

www.gidgeworld.com/navbar.zip

I know it's a wreck graphically/coding wise but I'm literally learning as I do this....

Thanks again.

 

OK thanks. Even if it's just basic advice or directions, I'm not looking for someone to do the work for me, I'm trying to learn. I've just been through a gamut of sites that haven't helped...

 

Unfortunately no, I can't post it not merged. I didn't save it before I merged it. Let me know if there is anything else I can help you with.

 

I understand you suggestions and I'm thankful for them. I know I need to redo the menu system anyway.

I was under the impression that slicing an image and making certain parts of it clickable was the standard way to do menu systems. Is that true?

Or would the large image usually be assigned to the background, while the smaller button images would be clickable? I don't think I saw that in the tutorials I went through on Youtube.

Thanks again.