When I zoom in and out on my webpage in Google Chrome, items that are precisely positioned in relation to one another will change position. This causes many problems: For example, at specific zoom levels a div will overlap its containing div just enough to hide a border. Similarly, sometimes a 100% marker will not precisely line up with the 100% point.
Is there any way I can ensure that the positioning of the items in relation to each other will not change when the page is zoomed in or out?
You can use em positioning which will reposition and size based on the font size. So when people do like control + or command + then the page will auto resize. Here is a page about elastic layouts. Hope this helps.
http://v1.jontangerine.com/log/2007/09/the-incredible-em-and-elastic-layouts-with-css