У меня проблема с overflow:hidden и тегом body.
Вот небольшой пример
Версия корпуса (не работает)
<body style="border: 1px solid #ff0000; width:100%; height:200px; overflow:hidden;">
<div style="width:50px; height:50px; border: 1px solid #0000ff; position:absolute; top-10px;"></div>
</body>
http://jsfiddle.net/5hGSp/13/
DIV версия (работает)
<div style="border: 1px solid #ff0000; width:100%; height:200px; overflow:hidden;">
<div style="width:50px; height:50px; border: 1px solid #0000ff; position:absolute; top-10px;"></div>
</div>
http://jsfiddle.net/5hGSp/12/
В чем проблема?
Когда вы щелкаете (средняя мышь) в красной области -> программное обеспечение мыши запускает функцию прокрутки. 
... но только в "кузовной версии"!
Надеюсь, кто-нибудь может мне помочь.
Спасибо заранее!
Питер
РЕДАКТИРОВАТЬ:
Извините, мне очень сложно объяснить это по-английски. Но я попробую это снова.
1) Скопируйте код в HTML-файл. *.
2) Откройте файл и нажмите (средняя мышь) в теге тела (красная область).
3) Запустилась ли функция mousescroll? ... Вы видели значок прокрутки (например, из программного обеспечения Logitech?)
4а) если нет, все работает нормально
4б) Вы видите иконку? Вы знаете, как отключить? -> написать комментарий, пожалуйста
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
body {
border: 1px solid #ff0000;
width:100%;
height:200px;
overflow:hidden;
}
</style>
</head>
<body>
<div style="width:50px; height:50px; border: 1px solid #0000ff; position:absolute; top:-10px;"></div>
</body>
</html>