Hi All,

 

I have created a css rollover navigation, I have only linked the first two pages together just now.

 

My problem is, once the text is linked and then i apply my rollover style , the rollover in firefox looks fine but in internet explorer the rollover image is slightly smaller and doesnt fill the whole image its supposed to be rolling over.

 

See my website here - http://tinyurl.com/yzyg4gv

 

The rollover displays fine in firefox, its just Internet Explorer I have a problem with.

 

PLEASE HELP!

 

Many Thanks Guys/Gals

P.S

 

here is the css i have created.

 

 

.style11a {		font-size: 12px;	font-family: Arial; color: #FFFFFF; font-weight: bold; padding-left: 27px; line-height: 20px;}

.style11b {		display:table-cell; text-decoration: none; color: #FFFFFF; font-family: Arial; font-size: 12px; padding-left: 27px; font-weight: normal; width: 188px; line-height: 20px;}
.style11b:hover {	display:table-cell; text-decoration: none; background:url(../images/menu-bk1.jpg); font-family: Arial; font-size: 12px; padding-left: 27px; font-weight: bold; color: #FFFFFF; width: 188px; line-height: 20px; }

Please someone help, i need to get this sorted out ASAP.

 

Thanks guys/gals

The code above might have been changes a little.

 

Can noone help me with this rollover problem?