[CSS] Probleem linkstijlen

[JasperE]

Ik heb de volgende html code

code:

<td class="menutd">
  <div class="menu"><a href="javascript:SwitchMenu('sub0')">Rapport</a></div>
  <div id="sub0" class="submenu">
    <a href="#">Bijlage 1</a> <br>
    <a href="#">Bijlage 2</a>
  </div>
</td>

Met de volgende CSS

code:

.menutd {
    background-image: url(bg_nav.jpg);
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #CCCCCC;
    padding: 3px 0px 3px 10px;
    background-repeat: repeat-x;
    background-color: #EFEFEF;
}

.menu a:link, a:visited, a:active {
    text-decoration: none;
    font-weight: bold;
    color: #21536A;
}

.menu a:hover {
    color: #4299C4;
    font-weight: bold;
}

.submenu {
    font-size: 11px;
        /* submenu display geactiveerd door javascript */
    display: none;
}

.submenu a:link, a:visited, a:active {
    font-weight: normal;
    color: #21536A;
    text-decoration: none;
}

.submenu a:hover {
    color: #4299C4;
}

Wat ik wil bereiken:
De class="menu" links bold en kleurverandering bij a:hover.
De class="submenu" links niet bold en eveneens kleurverandering bij a:hover.

Mijn probleem is nu dat de menulink "Rapport" link in IE6 -niet- bold weergegeven is terwijl dit in FF wel het geval is. Hij word in IE wel bold op het moment dat ik er met mijn muis overheen ga.

Is dit een bug of zie ik nu iets over het hoofd??

[RM-rf]

OD-Frozen schreef op maandag 23 oktober 2006 @ 17:02:


Is dit een bug of zie ik nu iets over het hoofd??

Cascading Stylesheet:

.menu a:link, a:visited, a:active {
   foo: bar;
}

vergelijk dit met:

Cascading Stylesheet:

.menu a:link, .menu a:visited, .menu a:active {
   foo: bar;
}

[JasperE]

RM-rf, je bent mijn held

[MIster X]

In IE7 is 'rapport' wel gewoon vet.