Fixing stylesheet for IE5Mac

gotta love ie5Mac

[nigassma]

Anyone willing to take a look and let me know what I can add to my stylesheet (in terms of filtering on out directly to IE5Mac) to get my navigation to work.

Any input is much appreciated.

/*----------------------------------------------------*/
/* Menu styles */
.menu{
width: auto;
margin: 25px 0 0 15px;
}

.menu ul {
margin: 0;
padding: 0;
text-align: left;
}
.menu li {
margin: 0;
padding: 0;
list-style-type: none;
text-align: left;
font-weight: normal;
}
.menu li a {
font-size: .7em;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.menu ul a {
text-decoration: none;
color: #111;
padding-left: 15px;
background-image: url(../new-web/css/secondarypage_css/images/small_arrow.gif);
background-position: left;
background-repeat: no-repeat;
}
.menu ul a:hover {
color: #999;
background-image: url(../new-web/css/secondarypage_css/images/hoversmall_arrow.gif);
background-position: left;
background-repeat: no-repeat;
}
/* Submenu styles */
/* Second Level */
.menu ul ul {
padding: 0;
}
.menu ul ul a {
text-decoration: none;
color: #111;
}
.menu li li {
margin: -2px 0 0 5px;
padding: 0;
}
.menu li li a {
background-image: none;
}
.menu li li a:hover {
background-image: url(../new-web/css/secondarypage_css/images/small_arrow.gif);
background-repeat: no-repeat;
position: left;
color: #999;
}
/* Third Level */
.menu ul ul ul a {
padding-left: 15px;
}
.menu li li li {
margin: -2px 0 0 10px;
padding: 0;
}

/* Symbol styles */
.menu .symbol-item, .menu .symbol-open, .menu .symbol-close{
float: left;
width: auto;
height: 1em;
background-position: left center;
background-repeat: no-repeat;
}
.menu .symbol-item {
background-image: url(page.png);
}
.menu .symbol-open {
background-image: url(minus.png);
}
.menu .symbol-close {
background-image: url(plus.png);
}

/* Menu line styles */
.menu li.open {
font-weight: bold;
background-image: url(../new-web/css/secondarypage_css/images/small_arrow.gif);
background-position: 0 4px;
background-repeat: no-repeat;
}
.menu li.close {
font-weight:normal;
}

[nigassma]

I guess I could put up some markup also.
:)

[quote]<div class="menu">
<ul id="nav">
<li class="open"><a href="javascript:void 0" onclick="TreeMenu.toggle(this)">Upper School</a>
<ul>
<li><a href="upperschool/index.htm">US Home</a></li>
<li><a href="upperschool/general/usfaculty.htm">US Faculty</a></li>
<li><a href="calendars/usscalendar0506.htm">US Calendar</a></li>
<li><a href="athletics/upper/usathmain.htm">US Athletics</a></li>
<li><a href="javascript:void 0" onclick="TreeMenu.toggle(this)">US Academics</a>
<ul>
<li><a href="upperschool/academics/uspe.htm">PE</a></li>
<li><a href="upperschool/academics/usmath.htm">Math</a></li>
<li><a href="upperschool/academics/ussci.htm">Science</a></li>
<li><a href="upperschool/academics/usenglish.htm">English</a></li>
<li><a href="upperschool/academics/ussocial.htm">Social Studies</a></li>
<li><a href="upperschool/academics/usarts.htm">Performing Arts</a></li>
<li><a href="upperschool/academics/usarts.htm">Communications</a></li>
<li><a href="upperschool/academics/uslanguages.htm">Foreign Language</a></li>
<li><a href="upperschool/academics/uscompsci.htm">Computer Science</a></li>
</ul>
</li>
<li><a href="upperschool/studentsinfo/us_menu.htm">US Lunch Menu</a></li>
<li><a href="upperschool/general/afterschool.htm">US Publications</a></li>
<li><a href="upperschool/studentsinfo/clubs_activities.htm">Clubs &amp; Activities</a></li>
<li><a href="upperschool/college_counseling/index.htm">College Counseling</a></li>
</ul>
</li>
</ul>
</div>