Fixed some styles and menu element buildling.

src/css/video-js.css

@@ -328,11 +328,11 @@ so you can upgrade to newer versions easier. You can remove all these styles by
 .vjs-default-skin .vjs-volume-bar {
   width: 5em;
   height: 0.6em;
-  margin: 1em auto 0;
+  margin: 1.1em auto 0;
 }
 
 .vjs-default-skin .vjs-volume-menu-button .vjs-menu-content {
-  height: 2.5em;
+  height: 2.9em;
 }
 
 .vjs-default-skin .vjs-volume-level {
@@ -352,7 +352,7 @@ so you can upgrade to newer versions easier. You can remove all these styles by
 
 .vjs-default-skin .vjs-volume-handle:before {
   font-size: 0.9em;
-  top: -0.3em;
+  top: -0.2em;
   left: -0.2em;
 
   width: 1em;

src/js/controls.js

@@ -68,6 +68,7 @@ vjs.ControlBar.prototype.options_ = {
     'fullscreenToggle': {},
     'volumeControl': {},
     'muteToggle': {}
+    // 'volumeMenuButton': {}
   }
 };
 

src/js/menu.js

@@ -21,9 +21,24 @@ vjs.Menu.prototype.addItem = function(component){
 
 /** @inheritDoc */
 vjs.Menu.prototype.createEl = function(){
-  return vjs.Component.prototype.createEl.call(this, 'ul', {
+  var contentElType = this.options().contentElType || 'ul';
+  this.contentEl_ = vjs.createEl(contentElType, {
+    className: 'vjs-menu-content'
+  });
+  var el = vjs.Component.prototype.createEl.call(this, 'div', {
+    append: this.contentEl_,
     className: 'vjs-menu'
   });
+  el.appendChild(this.contentEl_);
+
+  // Prevent clicks from bubbling up. Needed for Menu Buttons,
+  // where a click on the parent is significant
+  vjs.on(el, 'click', function(event){
+    event.preventDefault();
+    event.stopImmediatePropagation();
+  });
+
+  return el;
 };
 
 /**