html - さまざまなブラウザーの HTML 解釈

Question

最近、HTML ページのタブ付きコンテンツのアニメーション用の JQuery プラグインをダウンロードしました。タブとそれぞれのコンテンツおよびアニメーションに対して定義された html は、JQuery によって取得されます。ここに私のタブのサンプルhtmlがあります。

<ul>
    <li><a href="#two">PED</a>
    </li>
    <li><a href="#Five">SPDE</a>
    </li>
    <li><a href="#one">SDE</a>
    </li>
</ul>
<div class="box-wrapper">
  <div id="Seven" class="content-box">
    <div class="col-one col">
      <a href="" target="_blank"
         title="Click to go to Advanced-Design Team Site">
        <img src=""/>
      </a>
    </div>
  <div class="col-two col">
  <h3>
    <a href="" target="_blank"
       style="color: Black; text-decoration: underline"
       title="Click to go to Advanced-Design Team Site">
         Advanced Design
    </a>
  </h3>
  <p>Welcome to Advanced Design Group.</p>
</div>

上記のコードのように残りの div があります。

iframe タグを使用して、このタブ付きの html ページを別のページに表示しました。タブのいずれかをクリックすると、ページはコンテンツ ページの先頭に自動的にスナップします。これは Firefox では発生しませんが、スナップせずに期待どおりにコンテンツを表示します。IE と Chrome では、ページはそれぞれのタブの先頭にスナップします。ページの上部までスクロールし直す必要があります。

ブラウザが HTML を解釈する方法に問題があるのでしょうか、それとも私の HTML コードが間違っているのでしょうか? このアプローチを使用する以外に方法はありません。これが問題の原因であることはわかっていますが、ページが IE または chrome でスナップされないようにする方法はありますか、それとも、現在行っているアプローチを使用せずにタブ付きコンテンツを含むページを開発する必要がありますか? これは私にとって一種の道の終わりです。どこに行けばいいのかわからない。

どんなポインタでも大いに役立ちます。ありがとう、