mary_maier
07-29-2006, 11:00 PM
I'm trying to create a menu with an unlinked section above a group of links (in a list). The site can be found here (http://marymaier.com/lala), but I included what I believe is the problem. The problem is, the darker orange background (#ff9900) won't show up in IE but shows up fine in FF.
If you're looking at my site, the unlinked areas currently shows the lighter background (elsewhere in CSS files) instead of the darker one that I want it to show.
I'm only including the problematic CSS since the rest of it seems to work fine.
.lefttitle
{
border-left: none;
border-right: solid 1px #000;
border-top: none;
border-bottom: none;
background:#FF9900;
padding: 2px 8px;
font-size:14px;
font-weight:bold;
}
.righttitle
{
border-left: solid 1px #000;
border-right: none;
border-top: none;
border-bottom: solid 1px #000;
background:#FF9900;
padding: 2px 8px;
font-size:14px;
font-weight:bold;
}
And here is the HTML.
<div class="lefttitle">General Info (needs bg)</div>
<ul>
<li><a href="">General Info (link)</a></li>
</ul>
If you're looking at my site, the unlinked areas currently shows the lighter background (elsewhere in CSS files) instead of the darker one that I want it to show.
I'm only including the problematic CSS since the rest of it seems to work fine.
.lefttitle
{
border-left: none;
border-right: solid 1px #000;
border-top: none;
border-bottom: none;
background:#FF9900;
padding: 2px 8px;
font-size:14px;
font-weight:bold;
}
.righttitle
{
border-left: solid 1px #000;
border-right: none;
border-top: none;
border-bottom: solid 1px #000;
background:#FF9900;
padding: 2px 8px;
font-size:14px;
font-weight:bold;
}
And here is the HTML.
<div class="lefttitle">General Info (needs bg)</div>
<ul>
<li><a href="">General Info (link)</a></li>
</ul>