I am looking for a way to position an image in the lower right corner of a div, but I want to avoid using absolute positioning. The reason for this is that when I use absolute positioning, the text wrap is affected due to the float right applied to the image. I would like the text wrap to work properly alongside the image. Placing the image inside the div after a closing paragraph tag somewhat works, but it doesn't line up perfectly at the bottom with the end of the text. Do you have any suggestions or alternative methods?
.bottom-right-img{position:relative;width:203px;height:277px;float:right;margin-left:15px;}
.right-col{position:relative;width:410px;margin-top:15px;text-indent:15px;margin-right:61px;}