html - 空のApacheタイルHTMLレンダリング

Question

HTML で非常に奇妙な問題が発生しています。

私のバックエンドでは、問題の部分はこのようなものです。

        <div class="content">
            <a href="detail.html"></a>
            <img src="assets/img/tmp/img.png" alt=""></img>
        </div><!-- /.content -->

ブラウザ(Google chrome)でソースを表示

        <div class="content">
            <a href="detail.html"/>
            <img src="assets/img/tmp/img.png" alt=""></img>

        </div><!-- /.content -->

しかし、要素を検査するとき

        <div class="content">
            <a href="detail.html">
            <img src="assets/img/tmp/img.png" alt=""></img></a>

        </div><!-- /.content -->

タグの解釈が異なり、多くの問題を引き起こしていることがわかりますが、これが起こる理由はありますか? しかし、バックエンドに追加する<a href="detail.html">><!-- required for FF3 and Opera --></a> と問題は解決します。ただし、これをどこにでも置くのではなく、解決できる他の方法はありますか

以下のようなhtmlヘッダーを持つSpring MVCでApacheタイルを使用しています

<jsp:output doctype-root-element="HTML"     doctype-system="about:legacy-compat" />