In chrome when hovering over a menu this happens (correct): https://i.stack.imgur.com/QaexO.png
However in Ie and FF this happens: (i have removed some info on the page): https://i.stack.imgur.com/DXLX8.png
jsfiddle: http://jsfiddle.net/SVeKC/
I cant see why is behaving like this in chrome and not IE and FF, recently chrome and FF have been behaving differently for me which is unusual. Thanks.
Specify the left property for #nav li ul to be consistent in all browsers
Demo: http://jsfiddle.net/SVeKC/1/