Home › Forums › CSS › Pseudo-element-using hover state messed up › Re: Pseudo-element-using hover state messed up
April 10, 2013 at 8:18 am
#131241
Participant
@dheeraj, my solution works even if the heading goes to two lines (shrink the viewport for my pen). I’ll explain it later as I’m off to work now…
Paulie is correct, the reason it doesn’t work in webkit is that it is positioned outside of its container (why it doesn’t work, I’m not exactly sure, it does in Firefox). A simple fix is to remove the relative positioning from the h3 and remove the bottom margin from the h2