From: Stevan Little <stevan.little@iinteractive.com>
Date: Mon, 5 Apr 2010 14:29:11 +0000 (-0400)
Subject: *sigh* IE is such a pain
X-Git-Url: http://git.shadowcat.co.uk/gitweb/gitweb.cgi?a=commitdiff_plain;h=ebf77bd910c4b118170753ebcef94814340aaa1a;p=gitmo%2Fmoose-website.git

*sigh* IE is such a pain
---

diff --git a/lib/Moose/Website/Resource/Templates/shared/nav.tt b/lib/Moose/Website/Resource/Templates/shared/nav.tt
index b3bc11a..969c164 100644
--- a/lib/Moose/Website/Resource/Templates/shared/nav.tt
+++ b/lib/Moose/Website/Resource/Templates/shared/nav.tt
@@ -1,12 +1,11 @@
 <div class="nav">
-    <ul class="menu">
+    <table cellspacing="0" cellpadding="0" border="0" class="menu"><tr>
         [% FOREACH page IN pages %]
             [% IF page.name == current_page.name %]
-                <li class="active">[% loc('nav ' _ page.name) %]</li>
+                <td class="active">[% loc('nav ' _ page.name) %]</td>
             [% ELSE %]
-                <li class="inactive"><a href="[% page.outfile %]">[% loc('nav ' _ page.name) %]</a></li>
+                <td class="inactive"><a href="[% page.outfile %]">[% loc('nav ' _ page.name) %]</a></td>
             [% END %]
         [% END %]
-    </ul>
-    <br class="clearfix" />
+    </tr></table>
 </div>
\ No newline at end of file
diff --git a/lib/Moose/Website/Resource/WebFiles/css/style.css b/lib/Moose/Website/Resource/WebFiles/css/style.css
index e99bf5f..e77d7c8 100644
--- a/lib/Moose/Website/Resource/WebFiles/css/style.css
+++ b/lib/Moose/Website/Resource/WebFiles/css/style.css
@@ -41,12 +41,12 @@ h2 {
     border-top     : 10px solid #C22E24;
 }
 
-ul.menu {
+.menu {
     padding-left : 70px;
     margin-top   : 0px;
 }
 
-ul.menu > li {
+.menu td {
     list-style-type : none;
     float           : left;
     padding-left    : 12px;
@@ -56,21 +56,21 @@ ul.menu > li {
     font-size       : 1.2em;
 }
 
-ul.menu > li.active {
+.menu td.active {
     color      : #ffffff;
     background : #C22E24;
 }
 
-ul.menu > li.inactive {
+.menu td.inactive {
     color      : #C22E24;
 }
 
-ul.menu > li a {
+.menu td a {
     color           : #C22E24;
     text-decoration : none;
 }
 
-ul.menu > li a:hover {
+.menu td a:hover {
     color           : #C22E24;
     text-decoration : underline;
 }