Knut: Menu wird zentriert angezeigt, sollte rechtsbuendig sein

Beitrag lesen

Hallo,
ich habe fuer mich ein ganz grosses Problem. Ich habe fuer eine Abschlussarbeit ein CSS Layout uebernommen. Im IE und innerhalb vom Eclipsebrowser wird es richtig dargestellt, nur im FF wird das Menu falsch eingerueckt:

CSS Fehler

Ich verstehe hier nicht, wie das passiert. Im Layout wird der Header im Div aufgerufen:

  
<div id="header">  
  
  <h1 id="logo">Pattern <span class="green">To</span>-<span class="gray">Go</span></h1>  
  <h2 id="slogan">L&ouml;se deine Probleme hier</h2>  
  <!-- Menu Tabs -->  
  <ul>  
      <% if logged_in? %>  
   Eingeloggt als: <%= current_user.login %>  
   <% end -%>  
  
      <% if logged_in? %>  
   <li><%= link_to content_tag(:span, "Startmen&uuml;"), :controller => 'pattern', :action => 'index', :user_id => @current_user.id %> </li>  
      <% end -%>  
  
   <% if logged_in? %>  
   <li><%= link_to content_tag(:span, "Mein Konto"), :controller => 'users', :action => 'edit', :user_id => @current_user.id %> </li>  
   <% end -%>  
  
   <% if logged_in? %>  
   <li><%= link_to content_tag(:span, "Neue Idee"), :controller => 'pattern', :action => 'new' %> </li>  
      <% end -%>  
  
   <% if logged_in? %>  
   <li><%= link_to content_tag(:span, "Forum"), :controller => 'forum', :action => 'index' %> </li>  
      <% end -%>  
  
   <% if logged_in? %>  
   <li><%= link_to content_tag(:span, "Ausloggen"), :controller => 'users', :action => 'logout' %> </li>  
   <% else -%>  
   <li><%= link_to content_tag(:span, "Einloggen"), :controller => 'users', :action => 'login' %> </li>  
   <li><%= link_to content_tag(:span, "Anmelden"), :controller => 'users', :action => 'new' %> </li>  
   <% end -%>  
    </ul>  
  
 </div> 

Dort steht also nichts von Center. Innerhalb der CSS Datei gibt es auch keine Hinweise darauf:

  
/* headers */  
h1, h2, h3 {  
 font: bold 1em 'Trebuchet MS', Arial, Sans-serif;  
 color: #333;  
}  
h1 { font-size: 1.5em; color: #6297BC; }  
h2 { font-size: 1.4em; text-transform:uppercase;}  
h3 { font-size: 1.3em; }  
  
p, h1, h2, h3 {  
 margin: 10px 15px;  
}  
ul, ol {  
 margin: 10px 30px;  
 padding: 0 15px;  
 color: #4284B0;  
}  
ul span, ol span {  
 color: #666666;  
}  
  
/* header */  
#header {  
 position: relative;  
 height: 69px;  
 background: #000 url(../images/headerbg.gif) repeat-x 0% 100%;  
}  
#header h1#logo {  
 position: absolute;  
 margin: 0; padding: 0;  
 font: bolder 4.1em 'Trebuchet MS', Arial, Sans-serif;  
 letter-spacing: -2px;  
 top: 0; left: 5px;  
}  
#header h2#slogan {  
 position: absolute;  
 top:36px; left: 95px;  
 color: #666666;  
 text-indent: 0px;  
 font: bold 11px Tahoma, 'trebuchet MS', Sans-serif;  
 text-transform: none;  
}  
/* menu tabs */  
#header ul {  
 z-index: 999999;  
 position: absolute;  
   margin:0; padding: 0;  
   list-style:none;  
 right: 0;  
 bottom: 6px !important; bottom: 5px;  
 font: bold 13px  Arial, 'Trebuchet MS', Tahoma, verdana,  sans-serif;  
}  
#header li {  
   display:inline;  
   margin:0; padding:0;  
}  
#header a {  
   float:left;  
   background: url(../images/tableft.gif) no-repeat left top;  
   margin:0;  
   padding:0 0 0 4px;  
   text-decoration:none;  
}  
#header a span {  
   float:left;  
   display:block;  
   background: url(../images/tabright.gif) no-repeat right top;  
   padding:6px 15px 3px 8px;  
   color: #FFF;  
}  
/* Commented Backslash Hack hides rule from IE5-Mac \*/  
#header a span {float:none;}  
/* End IE5-Mac hack */  
#header a:hover span {  
 color:#FFF;  
}  
#header a:hover {  
   background-position:0% -42px;  
}  
#header a:hover span {  
   background-position:100% -42px;  
}  
#header #current a {  
   background-position:0% -42px;  
 color: #FFF;  
}  
#header #current a span {  
   background-position:100% -42px;  
 color: #FFF;  
}  
/* end menu tabs */  
  

Gibt es im FF eine Option, die Tabs (Siehe Bild) rechtsbuendig darzustellen?