html/css problem with firefox

Associate
Joined
28 Mar 2006
Posts
4
I've got a small problem with my html/css and was wondering if anyone could suggest a solution. This mainly occurs with firefox.

If you go to this demo page

http://www.zen79068.zen.co.uk/links.html

with firefox often the little buttons on the left hand side menu bar will also embedd itself in first character of any link or email address in the centre main section. So ontop of the 'G' for Google and the 'Y' for yahoo.

The first time it doesn't always, but if you follow a link and go back, then it will do it, and then always do it. Very odd indeed.

Any suggestions ?
 
Very odd. In my FF (1.5.0.1), the Google and Yahoo links have no buttons at all. In IE, the Google link has a button over the G.

Looking at the code I can't see where that button on the G has even come from?
 
Have you thought about setting up an a class for the middle links? FF 1.0.7 isn't doing it, but in my BT Yahoo browser it seems to be borrowing the sidebars a class.
 
ahh

Ahh thanks sorted it. It looks like in firefox it was inheriting the hover and visited components from the sidebar class.

As a crude fix I duplicated these for the middle class and just gave them a non-existing graphic instead of the button gif.

Now it seems to work fine. Not gracefull but I can live with that for now :)
 
Back
Top Bottom