Coding on side bar result different in IE and FF

Hi,

I input this code in my left sidebar.

<font size="4"><font color="#FF0000">BlogTips:</font> <a href="http://.....com/blogtips"><span style="text-decoration: none">Easy Blog Surfing Tips For You</span></a></font>

However, result are shown differently in IE7 and FF2

This is what is shown in IE7


This is what is shown in FF2


I want the underline of the link to be removed in FF2, just like the example in IE7

I wonder how come using the same code, it appear differently in 2 different browsers.

I am using a wordpress blog. Do you guys know a way to deal with it?

By the way, if your mouse cursor hover over the link "Easy Blog Surfing Tips for you", It will change to Red colour.

 

The differences occur because each different browser renders webpages differently. I would suggest using a css stylesheet to handle this, but if you don't want to then try having the entire link inside the <span
> tags i.e. <span style="text-decoration: none"><a href="http://.....com/blogtips">Easy Blog Surfing Tips For You</a></span> Try that and see if it helps.

 

Hi myp,

Thanks for your help. However, the code modification that you have suggested doesn't work and in IE7, it reappeared the underlined link.

Do you think that i need to show you the stylesheet at the head section?