[matt-the-mash]

I have a pop out menu in CSS which works fine.

The problem is the background colour to the cell's are transparent when they open over another element on the page, allowing the text underneath to clash with the menu text.

Can anybody help?

[BetaWar]

Try something like so:

<style>
table.whatever{
background: #eee;
}
td.whateverRow{
background: #eee;
}
</style>

That will add a background color to both the table and the table rows, so the problem should be no more.

PS:
Edit the 'whatever' to the class name of the table and table rows respectively

This post has been edited by BetaWar: 06 January 2007 - 04:04 PM

[matt-the-mash]

here is my code for my menu. I have colours in the cells, but they are transparent.

#menu {
width: 9em;
background: #eee;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu a, #menu h2 {
font: bold 10px/15px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 1px 2px;
}

#menu h2 {
color: #fff;
background: #B9B3E0;
text-transform: uppercase;
}

#menu a {
color: #000;
background: #D7D3F0;
text-decoration: none;
}

#menu a:hover {
color: #a00;
background: #A9B5E0;
}

#menu li {
position: relative;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 90%;
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

[Speechist]

You might want to try messing with the opacity level via your CSS:

background: transparent;
background-color: #FEFFE6;
opacity: .8;
filter:alpha(opacity=80);

[Arbitrator]

matt-the-mash said:

The problem is the background colour to the cell's are transparent when they open over another element on the page, allowing the text underneath to clash with the menu text.

So why don’t you just assign the cells a background color?