CodingForums.com - Background Image Re-Size Depending on Window Size

CodingForums.com (http://www.codingforums.com/index.php)

- Building for mobile devices (http://www.codingforums.com/forumdisplay.php?f=70)

- - Background Image Re-Size Depending on Window Size (http://www.codingforums.com/showthread.php?t=256100)

Background Image Re-Size Depending on Window Size

Hey guys, so i am working on a site right now for mobile.
And all of the comments are wrapped in a Div like so

Code:

<div class="comment">

      <div class="comment_top"></div>

      <div class="comment_middle">

            <p>All of the comment info goes in here</p>

      </div>

      <div class="comment_bottom"></div>

</div>

The div's, comment_top, comment_middle, comment_bottom all have background images with specific widths right now.

Is there a way to make these Background Images re-size with the size of the window ( phone screen ). And not have a specific width.

If you have a smart phone you can go to www.stage.1cp.ca/discover/sort/recent

And view the comment area, right now because the width is specific, the right side is always cut off.

If you use the following, putting your image inside a div, size your images for the desktop screen, but when viewed in a mobile phone, the images will resize to fit:

<div style="width:100%">
<img src="xxxx.jpg" width="900px" style="max-width:100%">
</div>

The max-width will make sure the image never goes outside its container element -- in this case, the div.