Forum:Third-level Heading Underlines

I have this strange happening where sometimes my third level headings ( ===text=== ) get underlined, and sometimes they don't. You can see an example of this in action on this page. Anyone know what's going on? It's probably something in the CSS I'm missing, but I can't figure out what it is. (What I'd like to have happen is have third-level headings underlined all the time.) Surgo 20:07, January 13, 2010 (UTC)


 * It might just be me overlooking it (it's a long page), but all the h3's I see are in fact underlined. 22:33, January 13, 2010 (UTC)


 * Same here. -- Porter21 (talk) 23:38, January 13, 2010 (UTC)


 * Using Firebug (or IE8 dev tools) we can understand that you putted the underline (bottom-border) on element of class "mw-headline".
 * You should only redefine the "h3" tag style. — TulipVorlax 00:26, January 14, 2010 (UTC)


 * Weird, everything looks underlined from my browser at home (newest Firefox), but at work it does not (older Firefox). So basically, you're saying I should put h3 { bottom-border: whatever; }, and delete .mw-headline? Surgo 04:36, January 14, 2010 (UTC)


 * Sorry for the delay but yes, it was what i was saying. Did you tried it by now ?
 * The class .mw-headline is on a span element around the text of the header. The h3 element contain that span with it's text and another with the edit link that float to the right. — TulipVorlax 08:40, January 16, 2010 (UTC)


 * We don't want that much underlined -- just the text. .mw-headline does that, but for some reason it seems to break on some older browsers occasionally. I have no idea why, or what makes it. Surgo 16:06, January 16, 2010 (UTC)


 * Oh, ok.
 * You could also make that line grey or so...
 * — TulipVorlax 16:15, January 16, 2010 (UTC)


 * &rarr; h3 with only the text underlined. 16:22, January 16, 2010 (UTC)


 * Did you test that one ? It seems like it would have a stange impact on the float element that is inside the h3. — TulipVorlax 02:53, January 17, 2010 (UTC)


 * I thought that too, but when I tested it in firebug the float didn't move at all. 11:39, January 17, 2010 (UTC)


 * Why are you using display: inline for a block-level element like a heading? This shouldn't be necessary for adding a border. --Ciencia Al Poder (talk) -WikiDex 17:08, January 17, 2010 (UTC)


 * It was so the h3 wouldn't fill it's parent element width. — TulipVorlax 22:00, January 17, 2010 (UTC)