CSS menu formatting queries (centering of items, IE compatibility)

Good morning

I can’t seem to get the footer menu on my site appear like I want it (it’s this menu). These are the problems.

1. The menu items (Start, Galleries etc) are all pushed to the left. How can I center them? I tried text-align: center in the #nav, li and ul but it doesn’t work.

2. A border is defined in #nav ul which makes it appear also around the Galleries and Wallpapers pop-up menus. How can I ensure that it only appears around the pop-up menus?`

3. The pop-up menu isn’t centered above the Galleries link but the pop-up above the Wallpapers links seems to be. Why is this and how can I ensure both are centered?

4. In IE, the pop-up menu items move to the left when the cursor hovers above them. How do I prevent this?

5. How can I make the pop-up menus a little bit “sticky”, such that they allow you to slowly move the cursor up to them? Currently one has to move the cursor quickly to the pop-up menu otherwise it disappears. Does this have to do with the pop-up menus not overlapping a few pixels with the main menu?

6. I noticed when placing the menu in the middle of the page that the copyright text below moved to the right. How can I ensure that the copyright text isn’t affected by the menu?

Thanks immensely for your help
/p

[CSS moderated as per the Forum Rules. Please just post a link to your site.]