DIV中图如何上移

<html>
<head></head>
<style type="text/css">
#out{
width: 400px;
height: 400px;
overflow:hidden
}
#in(
position:absolute;top:-100px;left:-100px
)
</style>
<body>
<div id="out">
<div id="in">
<img src="00.jpg" />
</div>
</div>
</body>
</html>为什么上面代码中TOP和LEFT没有作用?
而<div style="position:absolute;top:-100px;left:-100px">可以