help with CSS rollover not working in IE

[deuce868]

I am trying to set up a CSS rollover with a background image. Normally a small green square showes left of the text. On hover it changes to a white square.

This is the css I am using:

A.menu:LINK 
{
	color : #006600;
	font-size: 9pt;
	text-decoration: none;
	background-image: url(images/menu_background.gif);
	background-color: #CCCCCC;
	padding-left: 10px;
	
}


A.menu:HOVER 
{
	background-image: url(images/menu_background_over.gif);
}

Here are links of it working in firefox and what IE is doing to it:
IE
http://www.msufame.msu.edu/techie/ie_not_working.gif
Firefox
http://www.msufame.msu.edu/techie/working_firefox.gif

Any ideas how I can correct this or why it would fail like this? everything I read says background-image is supported. This is in IE 6.0.2900........yadada

Thanks

 

[DigitalMP]

can you show the page so we can test it in FF and IE?

 

[deuce868]

can you show the page so we can test it in FF and IE?

Unfortuntately it's just on my laptop so I can't link it.

I did find a work around though.

I had to add a plain .menu section

.menu {
	color : #006600;
	font-size: 9pt;
	text-decoration: none;
	background-image: url(images/menu_background.gif);
	background-color: #CCCCCC;
	padding-left: 10px;
}

A.menu:LINK 
{
	color : #006600;
	font-size: 9pt;
	text-decoration: none;
	background-image: url(images/menu_background.gif);
	background-color: #CCCCCC;
	padding-left: 10px;
	
}


A.menu:HOVER 
{
	background-image: url(images/menu_background_over.gif);
	text-decoration: none;
}

 

[maw]

try this

A.menu 
{
        display: block;	
        width: /*whatever the width is -10px*/
        color : #006600;
	font-size: 9pt;
	text-decoration: none;
	background-image: url(images/menu_background.gif);
	background-color: #CCCCCC;
	padding-left: 10px;
	
}


A.menu:HOVER 
{
        background-image: url(images/menu_background_over.gif);
}

IE can get grumpy if you don't define a width to anchors used as block elements

 

[deuce868]

thanks, that worked great.