#link-block { position: relative; height: 46px; } #link-block .link1, #link-block .link2 { position: absolute; width: 229px; height: 24px; padding-left: 15px; padding-right: 11px; background-image: url('/Images/right-link-gray.png'); background-repeat: no-repeat; } { position: absolute; width: 229px; height: 24px; padding-left: 15px; padding-right: 11px; background-repeat: no-repeat; } #link-block .link1 { top: 0px; } #link-block .link2 { top: 22px; } #link-block .link1 a, #link-block .link2 a { position: relative; display: block; height: 20px; width: 230px; left: -11px; padding-left: 20px; font-size: 11px; text-decoration: none; color: white; line-height: 20px; vertical-align: middle; } { position: relative; display: block; height: 20px; width: 230px; left: -11px; padding-left: 20px; font-size: 11px; text-decoration: none; color: black; line-height: 20px; vertical-align: middle; } #link-block .link1 a.active, #link-block .link2 a.active { position: relative; display: block; height: 20px; width: 230px; left: -11px; padding-left: 20px; font-size: 11px; text-decoration: none; background-color: rgb(219,0,19); color: white; line-height: 20px; vertical-align: middle; } { position: relative; display: block; height: 20px; width: 230px; left: -11px; padding-left: 20px; font-size: 11px; text-decoration: none; color: rgb(219,0,19); line-height: 20px; vertical-align: middle; } #link-block .link1 a:hover, #link-block .link2 a:hover { background-color: rgb(219,0,19); color: white; } { color: rgb(219,0,19); }