HTML page looks different on two different machines
My HTML page looks as I wanted it on my desktop machine where I coded it and different on a remote laptop.
Attached are a screenshot of the HTML page as it appears on the desktop and another screenshot of the same page as it shows up on the laptop.
The second screenshot shows the brown image not in the middle of the background image, the yellow caption below goes out of the page.
The brown image at the second image appears without its' round right angles as if it was cut at its' right side.
My desktop's display's resolution is: 1024-768. The laptop's resolution is: 1280-768. Both machines use: Firefox browser.Attachment 59372Attachment 59373
Here is the HTML code:
I wonder if anyone could help me making that code appears the same on any machine (not mentioning: browser!).
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1255" />
<style type="text/css"> body
<div id="container"> ABCDEFGHIJ</div>
Thanks a lot !