I have three tabs that change styles when clicked. class="active" gives the tab the same background as the tab content, while class="inactive" has another color.

My problem is the text on the tabs, something's weird with the CSS. The default state of class="active" looks as it should, while the inactive tabs are underlined even though my CSS says text-decoration: none !important; and the clicked active tab text becomes extra bold (or maybe it's a shadow).

Please look at my fiddle: http://jsfiddle.net/m8wQM/170/