The top Home icon, About Us, & Contact Us links on the upper right of my pages are displaying exactly the way I want them to in Firefox, Safari, and the new Chrome browser from google:
http://72.52.247.122/~homeland/group.html However, .. I can't seem to apply margin-top, padding-top, & line-height attributes to the About Us and Contact Us links in neither IE6 nor IE7. Right now, I have line-height attributes applied to the 2 hyperlinks, .. which is being rendered correctly in Firefox, Safari, and Chrome:
#topheader_homelinks a:link,a:visited {
color:#828282;
line-height:22px;
}
#topheader_homelinks a:hover,a:active {
color:#C0A771;
border-bottom:1px dashed #165f9e;
line-height:22px;
}
What can I do to fix this? If possible, I'd like for those top links to display the same in IE6 & IE7 as they do in Firefox, Safari, and Chrome.
Also -- one other small problem:
In IE6 & IE7, .. I can't seem to get rid of the bottom border that's displayed on hover when you mouseover the home icon (Again, I don't have this problem in either Firefox, Safari, or Chrome.
I have a .noborder class assigned to that link, .. but it seems to be being ignored in IE:
.noborder {
border-bottom:0px;
}
How might I correct this?
Thanks in advance,
- Yvan
Start Free Trial