link en hover werken wel in FF, niet in IE

[Verwijderd]

Hallo mensen,
ik wil dit effect (kijk in FF): file:///D:/websites/22febNieuw/22febNieuw.html loop met je cursor over de links in het menu.
dit werkt dus niet in IE. het gaat om de achtergrondkleur maar OOK om de links zelf.

dit is mijn CSS:

#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;

background-image : url("../ag_menuitem.jpg");

overflow : none;

}

#wrapper #menu #menuItem:hover {

position : relative;

width : 237px;

height : 30px;

background-image : url("../ag_menuitem2.jpg");

overflow : none;

}

#wrapper #menu #menuItem #menuItemText {

position : relative;

top : 9px;

left : 25px;

width : 200px;

height : 30px;

text-align : left;

font-size : 10px;

letter-spacing : 3px;

}

dit is mijn HTML:

<div id="menuItems">

<a href="?CMSPage=1&" target="_self">

<div id="menuItem">

<div id="menuItemText">

Home

</div>

</div>

</a>

<a href="?CMSPage=4&" target="_self">

<div id="menuItem">

<div id="menuItemText">

Info

</div>

</div>

</a>

<a href="http://www.google.com" target="_blank">

<div id="menuItem">

<div id="menuItemText">

Google

</div>

</div>

</a>

<a href="?CMSPage=5&" target="_self">

<div id="menuItem">

<div id="menuItemText">

Contact

</div>

</div>

</a>

heeft iemand een oplossing?
groetjes, Katinka

[Pkunk]

Hoi Katinka

Heb je misschien een voorbeeld wat wij ook kunnen bekijken? Je geeft nu een link naar een bestand op je eigen computer

Overigens vermoed ik dat je even met background-position moet spelen.

//edit: @hieronder idd

[ Voor 25% gewijzigd door Pkunk op 25-02-2008 13:00 ]

[Sebazzz]

IE ondersteunt alleen hover op anchor elementen. (<a>)

[MueR]

Nog een tipje: de [code] tag

[Krooswijk.com]

Inderdaad, oplossing kan b.v. met een javascriptje:

HTML:

<div class="a" onmouseover="this.className='b'" onmouseout="this.className='a''"></div>

eventuele background plaatjes in je onmouseover class zou je dan weer kunnen preloaden.

[orf]

Sebazzz schreef op maandag 25 februari 2008 @ 12:59:
IE ondersteunt alleen hover op anchor elementen. (<a>)

+ dat een block level element niet in een inline level element 'mag'.
Geen div gebruiken in je anchor dus.

[dusty]

Gelukkig voor jou kunnen we niet op jouw hardeschijf kijken.

Zet het bestand eens ergens op een website, zodat er mensen naar kunnen kijken, en leg dan ook het probleem compleet uit met uitleg wat je zelf al heb geprobeerd.