css - How to get div to extend past floated images -

css - How to get div to extend past floated images -

hey trying opacity bacground made in css extend bottom of images, when text float left or right.

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 3 lines transparency in 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>

i did few years ago have forgotten, if help me out appreciated! thanks.

css background