You have issues in all versions of IE so I'm guessing this is the same issue you are seeing. (I am wondering why no one above bothered to check this in IE )
Originally Posted by joe113
The problem is because you have used the body element to center the layout (which is a method I advise against) and when you open the viewport in IE you will see that the inner content does not move and the navigation overlaps the center content.
Maybe you have never opened your window once the page has loaded and have not noticed this effect but I am constantly moving my windows around and noticed it straight away.
You are also centering the html element which also kills IE7 so the code you are using is breaking all versions of ie at some point.
The only properties you need ever worry about on the html element are margin,padding and overflow. Everything else can go on the body element. (I'm sure you didn't want borders on the html element and on the body element also.)
If you must use the body to center the page then you must add position:relative to the body element to make ie6 and under work and you must remove the centering from the html element.
This is the revised code.
If you are wondering why I am against using the body to center then read these threads
border-left: 1px solid black;
border-right: 1px solid black;
(And centering on the body breaks the zoom in ie7 also)
As I said I don't know if this is the issue with the laptops but I'm guessing that it is related.
Hope it helps anyway