можно сдвигать так
в старых ie не будет работать
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-Ua-Compatible" content="IE=Edge"/>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>demo</title>
<style type='text/css'>
#a {
width: 150px;
height: 100px;
background: url(http://javascript.ru/forum/images/smilies/smile.gif) no-repeat center;
border: 1px solid;
padding: 0 0 10px;
}
#a:hover {
background-origin: content-box;
}
</style>
</head>
<body>
<div id="a">навести мышку</div>
</body>
</html>
к сожалению тег <meta http-equiv="X-Ua-Compatible" content="IE=Edge"/> не работает похоже в здесь в iframe
чтобы в IE9 и выше заработало надо отдельно запускать или ручками перевести IE9 в режим IE9