div の値を決定する際に問題があります。
ウィンドウのサイズを変更すると、それに応じて div の offsetX プロパティが変更されます。たとえば、最大化されたウィンドウでは、offsetX は 0 から 100 まで始まります。しかし、ウィンドウのサイズを変更すると、サイズ変更したウィンドウの幅に基づいて、offsetX が 0 から 70,50 などになります。
ただし、div の offsetWidth は、ウィンドウ サイズに関係なく同じままです。divのcss/jsに、offsetXと同様にoffsetWidthを変更するプロパティはありますか?