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
*****************************************************




Reply via email to