aタグでdivを囲む時の注意点

こんにちは。Webデザイナーのふくだです。
よくやっちまうので備忘録として書きます。

aタグでdivを囲みたい場合、中にaタグがあるとブラウザは正しく表示してくれません。

<a href="#" >
    <div>
        <a href="#" >テキスト</a>
    </div>
</a>

↑ブラウザで崩れる

対処法

中身のaタグはobjectタグで囲む

<a href="#" >
    <div>
        <object><a href="#" >テキスト</a></object>
    </div>
</a>

↑これでOK