css - CSS絶対位置クリッピング画像

Question

相対コンテナー内に絶対位置のイメージがあります。負のマージンを使用したいのですが、画像がクリッピングされています。

ここに私のHTMLコードがあります:

<div id="container" class="clearfix">
  <div class="left-col">
     /*CONTENT*/
  </div><!-- /.left-col -->
    <div id="my-image"><img src="images.png" height="596" width="392" alt=""></div><!-- /#image -->
</div><!-- /#container -->

これが私のCSSです：

#container{
position: relative;
background-color: orange;
    width:600px;
    height:600px;
}

#my-image{
background-color: blue;
position: absolute;
z-index: 1150;
bottom:0;
right:-130px;
width:398px;
height:596px;
}

結果は次のとおりです。

マイナスのボトムは機能しますが、マイナスの左右は機能しません。コードを簡素化し、一般的な名前を付けました。

ご意見ありがとうございます。