border top on H1 or Special Heading, different color than text..

a lot to ask, I know – text decoration overline color doesn’t work in certain browsers, so I can’t use that css rule with h1 tag….. so tried special heading… this is what I want
h1 {text-decoration: overline; text-decoration-color: #939598; font-weight: 300;}

Since text-overline won’t work, I tried border-top with special heading, but the border top goes across the whole column and I just want it on top of text only…. do you know how I could accomplish this?