I have an image that fits in a dashboard widget perfectly when the browser screen is maximized.
<p style="text-align: center;"><img class="aligncenter size-full" title="" src="http://mydomain.com/wp-content/uploads/2012/04/stuff-wholesale.jpg" alt="" /></p>
When the browser page shrinks however, the image overlaps the dashboard widget. How do I get the image to resize depending upon the screen?
For example, this image resizes: http://www.css-lab.com/demos/resize-img/img-resize.html
I am not sure how to get my dashboard widget image to do the same.