Problème zoom/dé-zoom sur page web

Bonjour,

Actuellement en cours de création d'un site web, j'ai un problème de positionnement avec mes différents blocs. Je m'explique :

Je possède 2 blocs sur ma page web :

- un bloc "article" en margin: auto (pour le centrer) et de largeur 700px,
- un bloc "menu" que je souhaite positionner avec la même marge gauche que mon bloc "article", et au dessus de celui-ci. J'utilise donc naïvement un margin-left: 310px.

Le problème est que lorsque je zoome/dé-zoome, mon bloc "menu" se place n'importe comment, il ne s'aligne plus sur la marge du bloc "article" qui lui se place toujours bien malgé le zoom/dé-zoom.

Quelle propriété CSS dois-je utiliser pour résoudre ce problème ?

Merci d'avance pour vos réponses