Das kann ich nicht wirklich nachvollziehen.
Ich auch leider nicht. Logisch ist deine Lösung mit <h2> außerhalb von <a href"">.
Jedoch zeit der Browser mir immer die Falsche Formatierung an.
CSS Eintrag ->
<style media="screen" type="text/css">
xsl:comment
<!-- tag definitions -->
body {font-family:tahoma,helvetica,sans-serif; color:#333333; background-color:#ffffff;}
td {font-size:8.5pt; color:#333333;}
h2 {font-size:10pt; font-weight:600; margin-top:3px; margin-bottom:8px; color:#cc6600;}
h3 {font-size:8.5pt; font-weight:600; margin-bottom:-2px; margin-top:8px; color:#333333;}
p {margin-top:4px; margin-bottom:4px;}
b,strong {color:#444444; font-weight:600;}
i,em {color:#000000; font-style:italic;}
ul {list-style-type:square; margin-top:8px; margin-bottom:8px;}
ol {margin-top:8px; margin-bottom:8px;}
dl {margin-top:3px; margin-bottom:10px; font-size:7pt; color=#808080;}
li {color:#333333; margin-top:4px;}
hr {color:#999999; width:100%; height:1px;}
a {text-decoration:underline; color:#336699;}
a:visited {color:#001166;}
a:hover {text-decoration:none;}
<!-- classes -->
.marker {color:#000000; background-color:#ffff33; padding:0px;}
.edition {color:#999999; font-size:8pt; font-weight:600;}
.edition_red {color:#cc6600; font-size:8pt; font-weight:600;}
.footnote {color:#666666; font-size:8pt; font-weight:normal; margin-left:0px; margin-right:0px;}
.topic {font-size:8pt; color:#333333; margin-top:4px; margin-left:-15px; padding-right:2px;}
.backtotop {font-size:7pt; margin-top:3px; margin-bottom:-3px;}
.screenonly {display:inline;}
.h2 {color:#cc6600;}
.float {float:right; width:240px; padding-bottom:0px; margin-left:5px;}
<!-- IDs -->
#printonly {display:none;}
</xsl:comment>
</style>
<!-- end of "screen" -->