- Impact
- 1
I am trying a new technique for rollovers using CSS, but I seem to be having a problem... in IE the rollovers do not return to their normal state.
The Site
Here is my code.. perhaps I am missing something:
The CSS:
The Site
Here is my code.. perhaps I am missing something:
The CSS:
Code:
/***************** {| These are your navigation buttons |} ******************/
a#home img {
background: url(images/nox-hand_home.gif) no-repeat left top;
height: 34px;
width: 134px;
}
a#about img {
background: url(images/nox-hand_about_me.gif) top left no-repeat;
height: 22px;
width: 134px;
}
a#breakBox img {
background: url(images/nox-hand_break_box.gif) no-repeat left top;
height: 23px;
width: 134px;
}
a#downloads img {
background: url(images/nox-hand_downloads.gif) no-repeat left top;
height: 22px;
width: 134px;
}
a#forums img {
background: url(images/nox-hand_forums.gif) no-repeat left bottom;
height: 21px;
width: 134px;
}
a#links img {
background: url(images/nox-hand_links.gif) no-repeat left top;
height: 24px;
width: 134px;
}
a#contact img {
background: url(images/nox-hand_contact_me.gif) no-repeat left top;
height: 31px;
width: 134px;
}
/*********************** {| End Navigation Buttons |} ***********************/
/************* {| These are your navgation button RollOvers |} *************/
a#home:hover img {background: url(images/nox-hand_home-over.gif) top left no-repeat;}
a#about:hover img {background: url(images/nox-hand_about_me-over.gif) top left no-repeat;}
a#breakBox:hover img {
background: url(images/nox-hand_break_box-over.gif) top left no-repeat;
height: 23px;
width: 134px;
}
a#downloads:hover img {
background: url(images/nox-hand_downloads-over.gif) top left no-repeat;
height: 22px;
width: 134px;
}
a#forums:hover img {
background: url(images/nox-hand_forums-over.gif) top left no-repeat;
height: 21px;
width: 134px;
}
a#links:hover img {
background: url(images/nox-hand_links-over.gif) top left no-repeat;
height: 24px;
width: 134px;
}
a#contact:hover img {
background: url(images/nox-hand_contact_me-over.gif) no-repeat left top;
height: 31px;
width: 134px;
}
/***************** {| End navgation button RollOvers |} ******************/
