/    Sign up×
Community /Pin to ProfileBookmark

[RESOLVED] IE8 CSS Issue

I’m having a weird IE8 CSS bug. This code works perfectly in FF, but doesn’t work on IE. On rollover, a red border should appear below the page.

CSS:

[CODE]
#header{
width:800px;
height:100px;
/*border:#00FF00 2px solid;*/}
#header img{
margin:12px 0px 0px 10px;}
#header-nav{
margin: 70px 15px 0px 0px;}
#header-nav li{
padding:0px 10px 0px 10px;}
#header-nav li a{
text-decoration:none;
color:#FFFFFF;}
#header-nav li a:hover{
border-bottom:#c0143c solid 1px;}
[/CODE]

to post a comment
CSS

2 Comments(s)

Copy linkTweet thisAlerts:
@thesprucegooseauthorMay 07.2009 — For you fabulosos who want to help me out and have Firebug:

http://www.nastarcenter.com/mediaKit/images.html
Copy linkTweet thisAlerts:
@thesprucegooseauthorMay 08.2009 — Solved.

[CODE]
#header-nav li a:hover{
[COLOR="Red"]position:relative;[/COLOR]
border-bottom:2px solid #c0143c;
border-bottom:solid;
border-bottom-color:#C0143C;
border-bottom-style:solid;
border-bottom-width:2px;}
[/CODE]
×

Success!

Help @thesprucegoose spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.4,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...