Image overlapping onto sidebar

Question

Hi Guys,
The Images on my webpage are overlapping on to the side navigation bar when the browser window size is minimised.
Can some one please advise on how to rectify this. Link as below
http://www.radhapurrealestate.com/layout.html
Thanks
Karthik

Answer 1

Change the min-width of the container <div> to 900px (as shown below). Might need it to be a little wider, test it and see.
/* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
.container {
    width: 80%;
    max-width: 1260px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
    min-width: 900px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
    background: #FFF;
    margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
    background-color: #333;