diff --git a/theme/metal/gradients.css b/theme/metal/gradients.css
index 07fa60a41a4..4f3cf457d3e 100755
--- a/theme/metal/gradients.css
+++ b/theme/metal/gradients.css
@@ -38,3 +38,8 @@ div.header {
   background-repeat: repeat;
   background-attachment: scroll;
 }
+
+.breadcrumb .sep {
+  color:#999999;
+}
+   
diff --git a/theme/metal/header.html b/theme/metal/header.html
index 292c09f6cb9..a6aee9c6bf0 100644
--- a/theme/metal/header.html
+++ b/theme/metal/header.html
@@ -32,10 +32,10 @@
 <?php } ?>
     <div class="clearer">&nbsp;</div>
 <?php if ($navigation) { // This is the navigation table with breadcrumbs  ?>
-    <table class="navbar"><tr><td>
+    <div class="navbar clearfix">
         <div class="breadcrumb"><?php print_navigation($navigation); ?></div>
         <div class="navbutton"><?php echo $button; ?></div>
-    </td></tr></table>
+    </div>
 <?php } else if ($heading) { // If no navigation, but a heading, then print a line  
 ?>
         <hr size="1" noshade="noshade" />