html - cssを使用して画像ファイルをどこにも移動できません

Question

ここに投稿するのはこれが初めてです。時々ここに来る長年のファンだったので、誰かが私を正しい方向に導いてくれることを願っています. どこにも移動できない画像ファイルがあります。画像ファイルは、div の右下に配置したいタグ内の div にあります。私は上マージンと左マージンを無駄に使用しましたが、常に同じ位置に座っているだけです。以下は、問題のある領域に関連するコードです。Html 部分の後に css 部分が続きます。

    <div id = "container">
    <section id = "content">
        <article>
            <div id ="monkey_img"><img src="images/cartoon-monkey_1.png" width="250" height="252"></div>

        </article>
    </section>
    <aside id="sidebar">
      <p>Monkey</p>
    </aside>
</div>
    <!--css-->
    #content{
width: 600px;
height: 475px;
background-color: #FFF;
border-style: solid;
border-width: 2px;
float:left;
margin-right:30px;
}
    #monkey_img{
width:500px;
height:425px;
margin-top:100px;
margin-left:100px;
display:block;
}
    #container{
width:1000px;
height:550px;
margin:auto;
margin-top:65px;
}
    #container p{
padding:15px;

}
    #sidebar{
width 275px;
height:475px;
background-color:#FFF;
border-style:solid;
border-width: 2px;
margin-left:30px;
overflow:auto;
}