I'm having difficulty centering my mega menu dropdown here: http://drupal.scienceworld.ca
The dropdown that unfolds on hover: should I position using CSS, or is there some behaviour of JS that I should be tweaking instead? If CSS is the issue, how should I best keep that dropdown centred in the browser as browser size changes?