I’m in the beginning development of a site and running into a problem with links. I’d like all links within text areas to get a bottom border when you mouse over them. This is a technique I’ve seen endorsed in a number of places to give more control over the styling of links. I’d rather not use an underline as was suggested in another forum.
I thought I was setting it up correctly, and it seems to work in all Mac based browsers, but when I checked on IE7 on a PC (this is the only version of IE I have access to), the link works but the bottom-border doesn’t appear.
I have another type of link called “more” which also specifies a bottom border and it does work in IE7. It specifies font size, weight and all caps as well as the bottom border (see below). I’d like to be able to use the more generic link style in any text throughout the site, and have it maintain the font properties (size etc), changing only the color and adding a bottom border on hover.
Here’s that section of the CSS:
border-bottom:solid 1px #d06b63;
border-bottom: solid 1px #d06b63;
Here’s the link to the page:
Any suggestion on how to get the bottom border to show in IE?