http://new.fccbellevue.org/about_us/faith_history/ is the site/page in
question.
In IE6 The sub-submenu on the left is showing a dark green background
on the LI's. It should be the beige color of most of the page, with
medium green links. This menu is working fine in any other browser if
you want to check it out.
I've used quite a few tools to try and find where the bug is, but I
can't find it. I am using an IE specific stylesheet (via conditional
comments) and using the underscore trick to send some rules to IE6
only, within that stylesheet. However, I have removed all rules
targeted at IE6 for this menu, so the CSS below is the code in my main
layout CSS file and this code is being fed to all browsers.
CSS
---------------------
ul.submenu {
margin: 5px;
}
ul.submenu li {
background: #8C9659;
border-left: 5px solid #4D581E;
line-height: 1em;
margin-top: 1px;
padding: 0 0 0 5px;
}
ul.submenu li.title {
background: url(/images/layout/brownTitle_bgNarrow_arrow.jpg)
no-
repeat;
border: none;
color: #b2bb80;
margin: 0;
padding: 8px 0 6px 10px;
text-transform: uppercase;
width: 189px; height:14px;
}
ul.submenu li a {
color: #FFEEC2;
display:block;
font-size: 90%;
padding: 8px 0;
text-decoration: none;
}
ul.submenu li a:hover {
color: #4D581E;
text-decoration: none;
}
ul.submenu li.current a {
color: #4D581E;
}
ul.submenu li.current a:hover {
color: #4D581E;
}
ul.submenu ul {
background-color: #FFEEC3;
margin-left:-5px;
border-right:1px solid #8C9659;
padding:5px 0 7px; /* Adjust top and bottom padding for
secondary
UL in subnav */
}
ul.submenu li li {
background-color: #FFEEC3;
border: 0;
margin: 0;
padding: 5px 0 3px 5px;
}
ul.submenu li li a {
color: #8C9659;
font-size: 85%;
padding:0;
}
ul.submenu li.current li a {
color: #8C9659;
}
ul.submenu li li.current a {
color: #333;
}
HTML
---------------------------
<ul class="submenu">
<li class="title">About Us
</li>
<li class="current">
<a
href="http://new.fccbellevue.org/about_us/faith_history/
">Faith History</a>
<ul>
<li class="current">
<a
href="http://new.fccbellevue.org/about_us/
mission_statement/">Mission Statement</a>
</li>
<li>
<a
href="http://new.fccbellevue.org/about_us/diversity/
">Diversity</a>
</li>
<li>
<a
href="http://new.fccbellevue.org/about_us/ucc_member/
">UCC Member</a>
</li>
<li>
<a
href="http://new.fccbellevue.org/about_us/history/
">History</a>
</li>
<li>
<a
href="http://new.fccbellevue.org/about_us/ucc_history/
">UCC History</a>
</li>
</ul>
</li>
<li>
<a
href="http://new.fccbellevue.org/about_us/music_program/
">Music Program</a>
</li>
<li>
<a
href="http://new.fccbellevue.org/about_us/outreach_focus/
">Outreach Focus</a>
</li>
<li>
<a
href="http://new.fccbellevue.org/about_us/stewardship/
">Stewardship</a>
</li>
<li>
<a
href="http://new.fccbellevue.org/about_us/staff_council/
">Staff and Council</a>
</li>
<li>
<a href="http://new.fccbellevue.org/about_us/contact_us/
">Contact Us</a>
</li>
</ul>
One other thing to note, if you go to this page:
http://new.fccbellevue.org/about_us/staff_council/ , which is the same
section of the site, but has a sub-submenu lower down in the left side
menu. This sub-submenu does not exude this bug. This is consistent
to another section of the site where a sub-sub under the first menu
item is buggy and another one lower down in the menu works fine.
Thanks
Chad
--~--~---------~--~----~------------~-------~--~----~
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [email protected]
-~----------~----~----~----~------~----~------~--~---
