Boxes alignment with image

Hi Support
How can I get the text and image in the boxes aligned in such a way that part of the text will be left aligned while the rest will be under the image. Similar to the about Peter on this page

1. If you look at the Welcome home section, i want the texts that are below the image to be under the image.
2. I am trying to set the boxes to have some sort of frame around it similar to the image but when I tried using this custom CSS code, it appeared OK in firefox but does not appear in IE or Safari:
body{
.fbox {
background:#EBEBEB;
border-radius:8px;
padding-top:4px;
padding-bottom:4px;
box-shadow: 5px 5px 5px #ccc;
min-height:180px;
}
}
Thanks

The text wrapping can be created by adding the attribute "align=left" inside the tag. Did you add an image inside the box text area?
You can change the sidebars background color by using custom CSS and Firebug. For further reference, please see here:

Hi catrina
I found a workaround. Rather than using the box image upload, i added the image directly in the text area, edited the image and selected the alignment. The only thing I lose with this is the ability to set the frame around the image. Let me know if I can still achieve this using the CSS Class field of the advance settings page of the image.
I am taking a look at the link you sent me.
Thanks, you're among the best