please look at this link
http://www.sudhakargolakaram.co.in/files/yts.html

the original design for this page is at
http://www.sudhakargolakaram.co.in/files/design.jpg


the page i have created is looking very different in different browsers at different resolutions when i checked in this site
http://www.screen-resolution.com i guess my page should look normal from 1280X800

the problem i am having is with the image of the boy at the left bottom and the girl at right bottom, these two images are making the page to look different from what the design is, i am not sure how to fix these images and get the same background repeating image in x direction as per the design, do i need to use 100% height for the html or body tag

please advice.

any help will be greatly appreciated.

thanks

If you mean you want these background elements to be fixed at (or near) the bottom of the browser window, in your style.css file for the .left and .right classes change the property TOP:0px to BOTTOM:0px (or however many pixels above the window bottom you want to position them)