Forum Moderators: not2easy
I really didn't know how to find a descriptive title for this problem. Here it is:
I'm using a free template, which I changed around a ton to get the look I wanted (honestly, I think I could have coded it from scratch after the work I put in to change it lol).
I've had a similar problem like this before (when I was playing around trying to create a menu just for fun when I was trying to learn the basics of html/css), so I hope this is something that somebody else might have encountered before:
I'm using a class in order to mark which button of the menu is currently clicked (it has another color, the same color as every button that is :hover'd).
Unfortunately the bottom-margin (which I'm using between the buttons) and the border gets the same color that the selected button has. Only the button should have that background color, though..
The funny thing is: In Firefox it's working without a problem and in IE it works for every button (I used the class for the other buttons) except for the top button.
Does anybody know what might be the reason?
I'll probably have to code the menu completely from scratch so I'll be able to post the code here, but maybe somebody already know what's up if this is a common problem (I've encountered it twice in a few weeks of HTML/CSS)?
Maybe I should use a work around and create an invisible button (background-color, color & border --> #fff) as the top button of this menu that nobody sees as it seems to be only the top button of that list that causes the problem?
Is there anything wrong with doing this?
Which DOCTYPE are you using on the pages?
Which DOCTYPE are you using on the pages?
