Can you have a hover effect on a TD in IE?

I can not get hover effect on a TD to work in IE, it seams you can not
have
a hover on a td in IE?

I have treid this

body.section-2 td.current,
body.section-2 td.submenu,
body.section-2 td.bredtsubmenumellemrumhojre,
body.section-2 td.bredtsubmenumellemrumvenstre {
background-color: #ffc233;

}

body.section-2 td.submenucurrent {
background-color: #ffcc66;

}

body.section-2 td.submenu:hover {
background-color: #ffcc66;

}

and this

body.section-2 td.current,
body.section-2 td.submenu,
body.section-2 td.bredtsubmenumellemrumhojre,
body.section-2 td.bredtsubmenumellemrumvenstre {
background-color: #ffc233;

}

body.section-2 td.submenucurrent,
body.section-2 td.submenu:hover {
background-color: #ffcc66;

}

Which works in firefox, but not in IE.

Then I treid setting the hover effect on the link, like this.

a.submenulink:hover {
background-color: #ff0000;

}

But then the entire cell is not filled out.

Can you see a fix for this problem?

Se problem here http://madsgormlarsen.dk/andersen/
Mads

madsgormlarsen (AT) gmail (DOT) com wrote:

I can not get hover effect on a TD to work in IE, it seams you can not
have
a hover on a td in IE?

Correct, :hover has no effect in IE with the sole exception of a:hover.
A serious deficiency.

Thanks

Can one then somehow make it fill out the td cell?

Mads

madsgormlarsen (AT) gmail (DOT) com wrote:

Thanks

Can one then somehow make it fill out the td cell?

Sorry, I missed where you asked that originally. If the link is the
entire content of the cell, then set display: block for the link. It
will then effectively take up the entire cell (except possibly for any
padding on the cell or margin on the link).

Hi Mads,

I can not get hover effect on a TD to work in IE, it seams you can
not
have a hover on a td in IE?
snip
Can you see a fix for this problem?
See Peterneds site:

http://www.xs4all.nl/~peterned/csshover.html
This might be what you're looking for...

--
Kind regards,
Xavier van Unen

Thanks for the tip, but is there not a simpler solution? I have a
javascript that gives a hover effect on a tr, is there not something
like that for a td.

Mads

madsgormlarsen (AT) gmail (DOT) com wrote:

Thanks for the tip, but is there not a simpler solution? I have a
javascript that gives a hover effect on a tr, is there not something
like that for a td.

Now I may be mistaken, but weren't you the person who after some
instructions understood how to quote when replying to a message?

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

madsgormlarsen (AT) gmail (DOT) com wrote:

Thanks for the tip, but is there not a simpler solution?

Embed an <a> in it and set the <a>'s width to 100%
Then base all your CSS selectors around a:hover

Ugly, but gets the job done most of the time.

It can be done like this,
http://activedeveloper.dk/artikler/d...?articleid=247 , with
javascript.

but woudl be nice if one could compensate fro margin and padding, and
just use css on a link.

Mads

Now I may be mistaken, but weren't you the person who after some
instructions understood how to quote when replying to a message?

Hi Els

Yes, I am guilty as charged, I am that surden someone, and I will
qoute, I promisse I will qoute. I feel ashamed of myself, I have been
sinful.

Where have you been, I have missed your participation in this
discussion. Hope you will enligtend me, on this problem.




Mads
tj 91 192