css - 過去のフローティング画像を拡張するdivを取得する方法

Question

テキストフロートを左または右に行うときに、CSSで作成した不透明度の背景を画像の下部まで拡張しようとしています。

CSS

.gamebackground {
  border-bottom-right-radius: 50px 50px;
  position:absolute;
  top:0px;
  left:0px;
  width:80%;
  height:10%;
  background-color:Black;
  z-index:1;
  /* These three lines are for transparency in all browsers. */
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  opacity:.5;
}

HTML

<div class="gamebackground"></div>
<img src="images/download.jpg"width=50% class="floatRight">
  text
</div>

数年前にやったのですが、忘れてしまいました。助けていただければ幸いです。ありがとう。