Last week I ran into an odd situation with our HTML output from JasperReports in Internet Explorer 7. All text, link or otherwise, was being underlined and I’m not really sure of the root cause other than it would appear we ran into a CSS rendering bug. The same thing does not happen in Firefox 3 (though my research indicated that the same issue occurs in Firefox 2).
In rendering HTML output JasperReports inserts various anchor tags of the form:
It doesn’t use these with href attributes but it does use them for some purpose.
The scrubbing of the content coming in to the DIV, to filter out things like styles, TITLEs, and other tags, is where IE seems to have issues. Those anchor tags mentioned previously, and which look fine in IE when previewing a report inside of the iReport designer, now all have text inside them underlined. The quick fix, or so I thought, was to remove the A tag from our global CSS file. That fixes things until someone hovers over any text at which point another CSS rule comes in to play for a:hover and all text is again underlined. Probably time for another CSS tweak…