Re: [Solved] CSS Background Image Trouble

[apostrophe]

All you need to do to put the arrow on the link is change:

Code:

#topnav li#active {
background:transparent url(../images/topnavactive.png) no-repeat scroll center bottom;
}
#topnav li {
display:inline;
float:left;
margin:0 10px;
padding-bottom:10px;
}

to:

Code:

#topnav li#active a {
background:transparent url(../images/topnavactive.png) no-repeat scroll center bottom;
}
#topnav li {
display:inline;
float:left;
margin:0 10px;
}
#topnav li a {
color:#FFFFFF;
display:inline;
padding-bottom:8px;
}

And to center the menu you could try this http://matthewjamestaylor.com/blog/beautiful-css-centered-menus-no-hacks-full-cross-browser-support