Transparent menus in ASP.NET

Please click on any of the red-arrowed menus on the left pane of the following link:

http://nev.romtech.com.au/

The menus have been tested against all of the popular browsers.
Unfortunately, the submenus do not look that good when viewed in the newest version of IE7.
Can anybody please help me find out why the submenu items appear in a transparent colour?

 <asp:Menu ID="NavigationMenu" runat="server" BorderColor="gray" BorderWidth="1" BorderStyle="Solid"
                        Width="150px" StaticMenuItemStyle-BorderWidth="1" StaticMenuItemStyle-BorderColor="white"
                        StaticSelectedStyle-BackColor="#ffffe0" StaticMenuItemStyle-Height="24px" StaticMenuStyle-BackColor="LightGrey"
                        StaticMenuItemStyle-ForeColor="darkblue" StaticMenuStyle-Font-Bold="true" StaticPopOutImageUrl="Images/ArrowRed.gif"
                        DynamicMenuStyle-Height="24px" DynamicMenuStyle-BackColor="LightGrey" StaticSelectedStyle-ForeColor="#B00000"
                        DynamicMenuItemStyle-BorderColor="white" StaticHoverStyle-ForeColor="Red" DynamicHorizontalOffset="5"
                        DynamicMenuStyle-BorderWidth="1" DynamicMenuItemStyle-ForeColor="darkblue" DynamicMenuStyle-Width="150px"
                        DynamicMenuItemStyle-Width="150" DynamicHoverStyle-ForeColor="Red" DynamicMenuItemStyle-BorderWidth="1"
                        DynamicMenuItemStyle-Height="24px" DynamicMenuStyle-BorderColor="gray" DynamicPopOutImageUrl="Images/RedArrow.gif"
                        DynamicSelectedStyle-BackColor="beige">

Please note: The Menu is in a cell of a Table. This is an HTML Table, not an ASP Table

TIA

Dabas
LVL 27
DabasAsked:
Who is Participating?
 
kodiakbearConnect With a Mentor Commented:
Closed, 500 points refunded.
kb
Experts Exchange Moderator
0
 
REA_ANDREWCommented:
have you tried css?

give you cell a CssClass="YourClass" then in your CSS have this

.YourClass{
filter:alpha(Opacity=50);
-moz-opacity:0.5;
}
0
 
REA_ANDREWCommented:
sorry small correction, byt the way just include this in any css class you wish to add transparency to

.YourClass{
filter:alpha(Opacity=50);
-moz-opacity:.5;
}
0
 
DabasAuthor Commented:
Thanks,

I do not want an Opacity of 50%
I want the page to load in IE7 the same as in IE6 and other browsers.
I am trying to find out why it behaves differently. Is it an IE7 bug?

Also, I had trouble with your suggestion, as Visual Studio complained with the following error:
 'filter' is not a known CSS property name
It seems VS2005 does not yet know about IE7 css enhancements?

Thanks again,

Dabas
0
 
DabasAuthor Commented:
I managed to solve the problem myself
All I needed was to add
DynamicMenuItemStyle-BackColor="beige"

Dabas
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.