Помогите разобраться.

Есть код:

<div style="width:400px; height:300px; clip: rect(0px, 400px, 300px, 0px); position:absolute;">
     <a href="#!">
          <img src="jp.jpg" width="800" height="10000" border="0" />
     </a>
</div>

Картинка обрезается, НО браузер всё равно показывает вертикальную прокрутку.
Как это исправить?

то есть ни как 8(

Абсолютно не понятная структура. background в помощь.

или overflow: hidden родителю. Но опять же, структура не понятна...

Спасибо!
overflow: hidden; - помог

<div style="overflow: hidden; width:400px; height:300px; clip: rect(0px, 400px, 300px, 0px); position:absolute;">
     <a href="#!">
          <img src="jp.jpg" width="800" height="10000" border="0" />
     </a>
</div>