[WSG] Sliding Doors not working in Opera

[Mordechai Peller]

Here's the situation: Sliding doors, right justified. Works fine in 
Firefox and IE/Win 5.01+. In Opera 7.23 all the tabs line up 
vertically.  According to the ALA article IE/Mac does something similar. 
The solution there is to float the anchors, but it doesn't help here. 
The only thing which seem to help is if either the div or ul is given 
sufficient width, but that's a problem because either the width will 
vary based on the environment, or if I give extra width, the tabs will 
no longer be forced right.

<div id="nav-main">
 <ul>
    <li><a . . .
#nav-main {
     width : 100%;
     line-height : 2;
     text-align : center;
     font-size : 2em;
     font-family : "Comic Sans MS", Verdana, Geneva, Arial, Helvetica, 
sans-serif;
     position : relative;
     margin-top : -10px;
     border-bottom : 5px solid #060;
  }
  #nav-main ul {
     list-style : none;
     margin : 0;
     padding-right : 10px;
     float : right;
  }
  #nav-main  li {
     float : left;
     background : url(gray-left.gif) no-repeat left top;
     margin : 0;
     padding-left : 9px;
  }
   
  #nav-main a {
     display : block;
     font-weight : bold;
     background :  url(gray-right.gif) no-repeat right top;
     text-decoration : none;
     padding:5px 15px 5px 4px;
     color : #006600;
     margin : 0 2px;
  }
 
*****************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
*****************************************************