anchor tag image not coming in firefox, chrome but working fine in IE

[Vinodh Sa]

Hi All,
Another browser compatibility issue here. (atleast, i guess so :-( )

I am using the html anchor tag with a image as background, and providing the path of the image through CSS class inorder to provide caching support.

Pasting the code below here.

<a id="adminFooter:_idJsp45" href="http://www.google.com" target="_blank" class="logo" rel="nofollow"> </a>

.logo{ background:url(../images/logo.gif); background-repeat:no-repeat; width:100px; height:60px; }

The problem is that in IE everything works fine, the image is coming and on click of the image its re-directing to google as well.

But in firefox and chrome the image is not coming and no on-click is working.

I am not even getting the image not found error (the cross mark one). Its like the entire component is not generated. But when i add any text between the anchor tag say "hello"
( hello ),
then i am able to see the text and on-click is also working.

Not able to find where's the issue here.

[Jee Ba]

Not sure it can help, but maybe putting a .dot there an making the color the same as the browsers, or putting a font-size:0 could help you. Other things could be giving that <a> a width an height and a display:block.

[Vinodh Sa]

Jee Ba wrote:Not sure it can help, but maybe putting a .dot there an making the color the same as the browsers, or putting a font-size:0 could help you. Other things could be giving that <a> a width an height and a display:block.

Thanks a lot Jee. adding display:block in the css worked :-)