Ok, I don't get it. I am having problems with a vertical css menu over state in IE.
When I use this css, IE 7 I lose the hover state in my menu. (meaning, you have to make sure your mouse is directly over the text in the menu before it highlights in IE 7) It works fine in Firefox.
If I remove this, it works but then the obvious happens to my page margins and borders.
I want to keep my padding and margins set to 0 but I need the hover state in my menu to work in IE 7
Code:
* {
margin : 0;
padding : 0;
}
The page in question http://www.sydpixel.com
What am I missing here? Man! IE7 is freek'n annoying!
The menu code:
Code:
ul#button {
list-style-type : none;
text-align : left;
padding-left : 2px;
padding-right : 2px;
}
ul#button a:link, ul#button a:visited {
display : block;
background : #111111;
color : #fff;
text-decoration : none;
border-top : 0 solid #333333;
border-right : 1px solid #333333;
border-bottom : 1px solid #333333;
border-left : 15px solid #333333;
padding-left : 15px;
font-weight : bold;
}
ul#button a:link:hover, ul#button a:visited:hover {
background : #333333;
color : #cccccc;
font-weight : bold;
border-left-width : 15px;
border-left-style : solid;
border-left-color : #999999;
}
ul#button a#first {
border-top : 1px solid #000;
}
__________________
.
Village Idiot
|
