diff --git a/css/main.css b/css/main.css
index e702cc948..9ee231b44 100644
--- a/css/main.css
+++ b/css/main.css
@@ -213,7 +213,6 @@ html, body{
 }
 
 #toolbar {
-    display:block;
     position:relative;
     height:39px;
     width:auto;
@@ -291,7 +290,7 @@ a.button:hover {
 .header_button_separator {
     display: inline-block;
     position:relative;
-    top: 7;
+    top: 7px;
     width: 1px;
     height: 25px;
     background: white;
diff --git a/index.html b/index.html
index 15be85df5..92f47d489 100644
--- a/index.html
+++ b/index.html
@@ -1,5 +1,7 @@
+<!DOCTYPE html>
 <html>
   <head>
+    <meta charset="utf-8">
     <title>WebRTC, meet the Jitsi Videobridge</title>
     <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
     <script src="libs/strophe/strophe.jingle.adapter.js?v=1"></script><!-- strophe.jingle bundles -->
@@ -38,7 +40,7 @@
     <div id="header">
         <a href="http://jitsi.org" target="_blank"><div id="leftlogo"></div></a>
         <a href="http://www.estos.com/" target="_blank"><div id="rightlogo"></div></a>
-        <span id="toolbar">
+        <div role="toolbar" id="toolbar">
             <a class="button" onclick='buttonClick("#mute", "fa fa-microphone fa-lg fa fa-microphone-slash fa-lg");toggleAudio();'>
                 <i id="mute" title="Mute / unmute" class="fa fa-microphone fa-lg"></i></a>
             <div class="header_button_separator"></div>
@@ -65,7 +67,7 @@
                 <div class="header_button_separator"></div>
             </span>
             <a class="button" onclick='toggleFullScreen();'><i title="Enter / Exit Full Screen" class="fa fa-arrows-alt fa-lg"></i></a>
-        </span>
+        </div>
     </div>
     <div id="settings">
       <h1>Connection Settings</h1>
