Need a Wordpress fix

Hey,

Not sure if this is the right section to post it in, but whatever:


I just recently opened my Call of Duty 5 wordpress blog, http://tinyurl.com/4ykpe9. However, if you view the site in FireFox / Chrome / Everything that's not IE you see that the buttons 'System Requirements' 'Home' , 'Release Date' etc have no border around them (they should have) and it's very hard to click them.. you only got like 1pixel to make them open. Perhaps you even see them all messed up at first, but then you just got to refresh (very strange problem).

Anyway, is there someone who can think he / she can fix this for a small fee?

 

Seems like <div id="nvbar"> is causing the problems... I removed <div id="nvbar"> and its </div> and your buttons work in FF. If you go with that... you will need to adjust your header background image and your header height.

Or better yet... remove all styles for #nvbar except for padding-left:35px

 

One solution may be to add a z-index to your #nvbar.

#nvbar {
	list-style: none;
	margin: 0px;
	position: relative;
	float:left;
	top: 26px;
	padding-left: 35px;
	bottom: 0px;
z-index:1000;
}

Code (markup):

 

#nvbar {
        color:#000000;
	list-style: none;
	margin: 0px;
	position: relative;
	float:left;
	top: 26px;
	padding-left: 35px;
	bottom: 0px;
z-index:1000;
}

Code (markup):

 

What exactly does this do different?

 

I think you can try just by adding this:

#nbar li {
display: block;
}

 

Thanks for all your answers, I don't have FTP acces here at school but I'll check it out when I'm home.

Repped all of you .