如何让div扩展浮动图像

Question

嘿我正在尝试将我在CSS中制作的不透明度bacground扩展到我的图像的底部，当我向左或向右浮动文本时。

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>

几年前我做过但我已经忘记了，如果你能帮助我，我将非常感激！谢谢。