hover werkt wel in FF, niet in IE

[Verwijderd]

Hoi mensen,
ik weet niet hoe het precies werkt hier, maar ineens was mijn 'topic' gesloten, toch wil ik nog even reageren:
bedankt allemaal, ik ben eruit, mede dankzij jullie antwoorden.

voor de googelers met soortgelijk probleem zet ik hieronder de oplossing:

CSS:

Cascading Stylesheet:

#wrapper #menu {
    position            : absolute;
    top                 : 205px;
    left                : 25px;
    width               : 237px;
    height              : 470px;
}

#wrapper #menu #menuTitle {
    visibility          : hidden;
}

#wrapper #menu #menuItem {
    position            : relative;
    width               : 237px;
    height              : 30px;
    overflow            : none;
}
#wrapper #menu #menuItem #menuLink {
     
/* [i]de div geef ik de achtergrond, maar de div is tevens de link, dus die hover verandert de achtergrond van deze div. de div zit in menuItem en heeft de <a> tags om zich heen... [/i]*/

}
#wrapper #menu #menuItem a{
    background-image    : url("../ag_menuitem.jpg");
    display: block; 

/* [i]hier zeg ik dat de link in de div menuItem altijd over de hele grote van de div moet zijn (ofzo)[/i] */

}
#wrapper #menu #menuItem a:hover{
    background-image    : url("../ag_menuitem2.jpg"); 

/* [i]hier geef ik een hover aan een LINK (Dat kent IE wel) ipv aan een div[/i] */

}

/*[i] #wrapper #menu #menuItem:hover {
    position            : relative;
    width               : 237px;
    height              : 30px;
    background-image    : url("../ag_menuitem2.jpg");
    overflow            : none;
}
deze hebben we niet meer nodig[/i]
*/

#wrapper #menu #menuItem #menuItemText {
    position            : relative;
    top                 : 9px;
    left                : 25px;
    width               : 200px;
    height              : 30px;
    text-align          : left;
    font-size           : 10px;
    letter-spacing      : 3px; 
}

HTML:

    <div id="menu">
        <div id="menuTitle">
            Standaard Menu
        </div>
        <div id="menuItems">
                        
                <div id="menuItem">
                    <a href="?CMSPage=1&" target="_self">
                        <div id="menuLink">
                            <div id="menuItemText">
                                Home
                            </div>
                        </div>
                    </a>
                </div>
                <div id="menuItem">
                    <a href="?CMSPage=4&" target="_self">
                        <div id="menuLink">
                            <div id="menuItemText">
                                Info
                            </div>
                        </div>
                    </a>
                </div>
            </a>
            
                <div id="menuItem"><a href="http://www.google.com" target="_blank"><div id="menuLink">
                    <div id="menuItemText">
                        Google
                    </div></div></a>
                </div>


                <div id="menuItem"><a href="?CMSPage=5&" target="_self"><div id="menuLink">
                    <div id="menuItemText">
                        Contact
                    </div>
                </div></a></div>

        </div>
    </div>

[ Voor 4% gewijzigd door een moderator op 27-02-2008 10:51 . Reden: Code tags toegevoegd ]

[disjfa]

De oplossing staat gewoon in je vorige topic met zelfde openingspost hoor

link en hover werken wel in FF, niet in IE

[RobIII]

^^ Wat hij zegt; en als je code post, gebruik dan code tags a.u.b.