Internet Explorer does not show links styled as they are in Visual Studio designer

Question

I use a master page and a theme. After finding that the style does not correctly work in the browser, I took the rendered html and created an html page in visual studio in order to see everything in the designer. I foun the style is showing correctly in visual studio disigner. When I tried to see the page in IE, the styl again didn't work.

Here is the style:

menu div.menu a

    {
        display: block;
        color: #FFFF00;
        font-weight:bold;
    }

and here is the HTML code:

<div id="container">
<div id="header">
    <h1>Site name</h1>
</div> 
<div id="mainnav"></div> 
<div id="menu">
 <div class="menu">



        <a id="ctl00_cphRight1_LoginView1_hlLogin" href="Login.aspx">Login</a>



 </div>

</div>
<div id="contents">


</div>
<div id="footer">
</div>

</form>

Thanks, Hanna

Answer 1

That rule should be for

#menu div.menu a

You're missing the leading #