Many times windows 7 users, go at Control Panel - Display Options and choose a custom DPI setting (ie 110%) to increase font size in cases that they have big monitors and cannot see clearly.
In this case, some of the web designs break in the latest version of Opera 11 and Internet Explorer 9. (One web design breaks in one browser, and the other design in the other browser!). This does not happen in all computers with dpi scaling. In some computer it breaks on IE9, on some other it doesn't.
What I mean is that fonts become huge, and textes go out of their boxes, breaking the correct flow of elements.
I just use the standard fonts.
I prefer to use HTML5/CSS3. I usually use reset.css or normalize.css lately from HTML5 boilerplate.
How I should develop, or what css hacks I should include to avoid dpi scaling break the designs?
I understand this is not a normal cross-browser compatibility question, but a very strange situation that happens only in specific cases, with specific browser-computer combination, but all those computers have dpi scaling. The matter is that with the same browser and same dpi scaling, the same problem may appear or not appear.