Sorry, fairly new with CSS, any idea how to fix my navigational bar? It's over at http://talkbinary.com My CSS file is over at http://talkbinary.com/wp-content/themes/talkingbinary/style.css
It's not the nav bar, it's the whole page. Do you have FF? Get the Aardvark extention at Mozilla Downloads and take a look. Everything is set funny-- it's as if everything is truly to the left but visually to the center. I couldn't see why-- I expected either absolute positioning or relative positioning but there's not much of either. Setting a width on the body and centering it with margin:auto is not a great idea-- the margin-auto centering technique centers the element within its parent. The body's parent is the root html element which is not considered the same as a normal box by the smarter browsers. Besides, that's what the #wrapper box is for : ) keep that at 950px wide and auto-centered. Your nav is not transparent. The h2 text is simply sitting on top of the submenu. Usually when you absolutely position a submenu, it automatically gets higher z-index so should naturally sit over the h2 but for good luck (after you fix the body issue, which is removing width and any mention of margins) add a z-index of like 100 to the submenu (the whole sub ul). Also, I could not select the submenu in FF1.5 on Linux (96 dpi). The submenu is too far away for the mouse hover to stay while my mouse tries to go from main menu to submenu. Move the sub ul up a pixel or two.
Thank you kindly for your detailed response! You clarified and pointed out some obvious mistakes in my CSS. I'll try to get around that soon and tell you how it went. (Currently in FINALS week here at college...so no time )