nested UL inherting colors
Posted: 08 November 2006 05:49 PM   [ Ignore ]
Newbie
Rank
Total Posts:  1
Joined  2006-11-08

I am using CSS to format my links.  Everything works fine in Mozilla.  But, in IE, the child items are inheriting the active link color from the parent item.  I only want the parent item to display as active on the parent page.  But, the parent, and children are showing up as active.  Is there something different I need to do for IE vs. Mozilla to make this appear correctly? 

Here is my code for my web page:

<div class="navcontainer2">
<
ul class="navlist2">
<
li><a href="link1.html">Link 1</a></li>
<
li><a href="link2.html" id="active>Link 2</a></li>
<div class="
navcontainer3">
<ul class="
navlist3">
<li><a href="
childlink1.html">Child Link 1</a></li>
<li><a href="
childlink2.html">Child Link 1</a></li>
<li><a href="
contentdevelopment.html">Content Development</a></li>
</ul>
</div>
<li><a href="
link3.html">Link 3</a></li>
</ul>
</div> 

Here is the code for the CSS:

.navcontainer2
{
margin
5px 0 0 10px;
padding0;
fontnormal 11px/18px "Arial"verdanalucidasans-serif;
font-weightbold;
}

.navlist2
{
padding
-left0;
margin-left0;
border-bottom1px solid gray;
width150px;
}

.navlist2 li
{
list-stylenone;
margin0;
padding0.25em;
border-top1px solid gray;
}

.navlist2 li a 

color
:#666666;
text-decorationnone
}
.navlist2 li a:hover

color
#FD8C22;
text-decorationnone
}

.navlist2 li a:active

color
#FD8C22;
text-decorationnone
}
.navlist2 li#active a
{
color
#FD8C22;
text-decorationnone;
}
.navcontainer3
{
margin
5px 0 0 10px;
padding0;
fontnormal 11px/18px "Arial"verdanalucidasans-serif;
font-weightbold;
}

.navlist3
{
padding
-left0;
margin-left0;
width135px;
}

.navlist3 li
{
list-stylenone;
margin0;
padding0.25em;
border-top1px solid gray;
}

.navlist3 li a 

color
:#666666;
text-decorationnone
}

.navlist3 li a:hover

color
#FD8C22;
text-decorationnone
}

.navlist3 li a:active

color
#FD8C22;
text-decorationnone
}
.navlist3 li#active a
{
color
#FD8C22;
text-decorationnone;
Profile
 
 
   
 
 
‹‹ favicon.ico      DIV Issue.. Please Help! ››