I have been using the sample website that comes with Visual Web Developer 2010 Express, and when in Test mode the Navigation Menu displays as I want it to - as a series of separate, highlighted, tabs. However, when I publish to live, the Menu just displays as a horizontal, unseparated, list.
I am extremely new to this (aspx; css etc), never having used style sheets before, so any 'simply explained' suggestions greatly appreciated.
I've no idea what you've done, but your style sheet indicates an unordered list to create your menu (a common method), but your page code shows a table - hence other than some minor local styling, nothing matches up.
I recreated your code and substituted an unordered list in place of a table and although it's not what you describe, is beginning to work.
I got a yellow background with a (darkish?) blue/grey background for the tab, that changes to a lighter grey on hover.
However, the tabs span 100% of the page, so that's clearly not the only issue with your code. But if you add:
div.menu ul li a
css, and get rid of the table and substitute an unordered list, it all begins to work.