Fixed element messing everything up when you zoom on a mobile device

Alright, so I’m implementing a “fixedfloating menu” that you can see here http://jqueryfordesigners.com/fixed-floating-elements/

Here’s the page sheffieldfurniture.com/furniture/bedroom.html

It works great on desktop and looksgreat on mobile devices (IOS, Android) …as long as you don’t zoomin on the page. When you zoom on a mobile device the fixed elementbegins covering the other page content, as it should since it’s fixedto a certain place on the viewport.

Is there a way to keep users fromzooming? Any ideas? Thanks!

See below for screen shots.

Initial view is fine

Zoom in and things get ugly