It appears that the CSS text-decoration style is not being correctly displayed in Opera 11 and IE 9, but works perfectly fine in Chrome, Firefox, and Safari. Can anyone offer a solution to fix this issue?
Incorrect Rendering:
Correct Rendering:
Below is the CSS code:
#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;
}
Here is the corresponding HTML code:
<div id="main_title">
<a href="home">Text <span id="main_title_accent">Goes</span> Here</a>
</div>