OperaとIEはCSSのテキスト装飾を正確に属性付けしていません

Question

Opera 11とIE 9を使用すると、これらの2つのブラウザはCSSテキスト装飾スタイルを正しく表していないようです。これはChrome、FireFox、Safariで100％動作します。誰にもこれを修正する方法の提案がありますか？

間違っ効果：

右効果：

ここでCSSです：

#main_title { 
    font-size: 18px; 
    color: #000; 
    font-weight: bold; 
} 

#main_title a { 
    color: #000; 
} 

#main_title_accent { 
    border: 1px solid #000; 
    background: #ff9935; 
    text-decoration: none; 
    font-size: 20px; 
    padding: 5px; 
} 

そして、これはHTMLです：

<div id="main_title"> 
    <a href="home">Text <span id="main_title_accent">Goes</span> Here</a> 
</div> 

Answer 1

あなたは#main_title_accentにdisplay:inline-blockを与える必要があります。

そのテキスト装飾がフローティングに伝播し、絶対に 位置付け子孫 ではありません、また、原子インラインレベルの 内容に 子孫などよりw3c: 16.3.1 - text-decoration property

関連の引用で

ノートを読みますインラインブロックと インラインテーブルのように。

ライブ例：http://jsfiddle.net/qp32H/1/