please look at this link

http://sudhakargolakaram.co.in/files/layout

the design for this is at http://sudhakargolakaram.co.in/files...inaldesign.jpg

my question is the layout is being pushed away from the left side when i resize the browser the screen shot for this is located at
http://sudhakargolakaram.co.in/files/layout/layout.jpg

there is a question mark in this image and this is what i am referring to about the layout moving away from the left side

when i view the page on 1600 wide screen it looks normal this is a center layout and the wrapper div is 884px

between 1200px wide and greater than this value of screen width the content appears as per the design when i reduce the screen width from 110px and below the left edge of the content is being pushed away

should i change the css or html to fix this. i guess at 900px also the layout should not be disturbed as the wrapper is 884px

please advice as to how i should go about fixing this

thanks.

1 - You're not properly clearing your floats and 2 - you have a background in there with a width set to 1136px, so a browser width less than that is going to APPEAR that your layout is getting shoved to the left. I would suggest a different method for applying your background to relieve that problem.