CSS IDが機能しない/初心者の問題

Question

私は現在CSSの問題を抱えています。私は非常に初心者ですから誰かが私を助けてくれることを願っています。 私は、オーバーレイして別のイメージをイメージしてみようとしています。

http://imageshack.us/photo/my-images/440/screenshot7cx.jpg/

<div class="one_half"> 
    <div id="square_icon" style="position: absolute; top: 12%; left: 36%;"><img src="img/square_icon.png" width="77" height="76" /></div> 
    <img src="img/square.jpg" width="412" height="145" /> 
    </div> 

をしかし、私は私のCSSファイルに挿入しようとする場合、それが動作しないダイレクト：

私はインラインコードを使用するとき、それは例えば、正常に動作します。

http://imageshack.us/photo/my-images/577/screenshot8gvh.jpg/

<style> 
    #square_icon { position: absolute; top: 12%; left: 36%; }; 
    </style> 

私は私のCSSファイルに含まれている場合には動作しないのはなぜ？もう一度申し訳ありませんが、私は非常に素人ですが、誰かがこの問題を理解する助けになることを願っています。

は、あなたがあなたのCSSファイルで<style>タグを必要としない、たくさん パトリック