Rework menu within 1.html

public/1.html

@@ -11,16 +11,17 @@
   <link rel="stylesheet" type="text/css" href="stylesheets/yui-3.css" />
   <link rel="stylesheet" type="text/css" href="stylesheets/layout.css" />
   <style type="text/css" media="screen">
-    #nav li a { padding: 0.25em 1em; }
-    #menu { margin-top: 0.5em; }
+    #header { border-top: solid 0.23em #00c000; padding: 0.46em 0; }
+    #nav li a { padding: 0.08em 0.23em; margin: 0.23em 0.85em; }
+    #nav li a:hover { background-color: #008d00; }
   </style>
   <script type="text/javascript" src="javascripts/jquery-1.4.2.min.js"></script>
   <script type="text/javascript">
     $(document).ready(function() {
       $("#badge").hover(function() {
-        $(this).attr("src","images/badge2.png");
-        },function() {
         $(this).attr("src","images/badge3.png");
+        },function() {
+        $(this).attr("src","images/badge2.png");
       });
     });
   </script>