Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › IE8 & Border-Bottom

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • July 30, 2011 at 5:42 pm #33723
    stevendeeds
    Member

    hey dudes. Got an issue with IE8 not displaying border bottom.

    .nav a:hover {
    
background-color:#2b292a;
    
border-bottom:6px solid #fbaf5c;
    
-moz-transition-duration:.2s;
    
-webkit-transition-duration:.2s;
    
-o-transition-duration:.2s;
    
transition-duration:.2s;
    
}

    View it here: http://stevendeeds.com

    July 30, 2011 at 7:03 pm #84279
    wolfcry911
    Participant

    Its a known bug in IE8. You have two options: the first is to place position: relative on the a:hover rule and remove position: relative from both the li and ul; the second is to simply give the plain anchor state a 6px transparent bottom border.

    July 30, 2011 at 7:15 pm #84280
    stevendeeds
    Member

    thanks @wolfcry911 .

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.