Fixing a div element to a position when the page is zoomed, not while scrolling

Question

I hav a div element like this:

<div class="AvailabilityDiv" style="margin: -15px 0 0 51%;">
     Available 
     <asp:Literal runat="server" ID="litAvailabilityHeaderTop"></asp:Literal>
</div>

This positions the div where I want it, however when the page is zoomed I want to keep it where I put it. At the moment the element moves to the left if the user zooms out. I have tried position: fixed but that only holds it when it scrolls, not zooms. My question is how can I hold this where it is when the user zooms in or out???

Answer 1

Don't use percentage margin. style="margin: -15px 0 0 51%;"

It's hard to know the problem without the code.

You can see this link

The "box1" without percentage margin will not move to left. The "box2" with percentage margin will move to left.