Link problemen in FF

[josephine100]

Hallo,
Ik heb de volgende css:

body
{
background-color:#CCCC00;
}
#profiel
{
	float:left; 
	height:200px; 
	border:2px solid #000000; 
	text-align:center; 
	width:120px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #000; 
	font-size: 12px;
	display:block;
}
a
{
	font-family: Arial, Helvetica, sans-serif; 
	color: #000; 
	font-size: 12px;
	text-decoration:none;
}
a:link
{
	font-family: Arial, Helvetica, sans-serif; 
	color: #000; 
	font-size: 12px;
	text-decoration:none;
}
a:visited
{
	text-decoration:none;
	color:#0033CC;
}
a:hover
{
	color:#0033CC;
	text-decoration:underline;
}
a:active {
	color:#0033CC;
	text-decoration:none;
}

En het volgende stukje html:

				echo '<a href="/index.php?option=com_comprofiler&task=userProfile&user=' .$userid. '">
				<div id="profiel" align="center">
				<b>' .$resultaatarray['username']. '</b>' .$status. '
				<img style="padding-right:auto; margin-right:auto;" alt="avater" width="100" heigh="100" src="' .$avatar. '" />
				</div></a>';

En nu heb ik de volgende problemen:
- Het lijkt wel alsof IE7 niet ziet dat het linkjes worden, de cursor blijft gewoon normaal en word dus geen handje.
- In FF word de cursor wel een handje, maar de style die ik aan de links meegegeven heb ziet hij niet. (geen underline bij hover)
- De in IE7 zie je de underline wel, maar die wil ik ook graag zwart hebben.

Wie heeft enig idee waar dit aan kan liggen? De pagina is hier te vinden: http://www.joomla2.parkietenfun.nl/Alleprofielenlijst.php

En ohja, ik weet wel zeker dat FF de css ziet, het lettertype en de lelijke achtergrond kleur zijn namelijk wel goed

Ik hoop dat iemand mij kan helpen!

M.v.g Josephine

 

[keej]

Ik denk dat het komt omdat je een <div> binnen een <a>-tag definieert. Dat mag volgens mij niet. Mss kan je er een <span> van maken bijvoorbeeld. Maar een <br> mag ook niet binnen een link.

Je kan als alternatief proberen of het lukt met als enige aanpassing van de link een element op blokniveau te maken (css - display: block; voor de betreffenden <a>-elementen (voor de div's niet (nodig))) maar ik weet niet of dat gaat werken. Verder moet je dan eens testen in hoeverre eigenschappen overgeërfd worden.

 

[Jelly]

Plaats de stijlen voor de links eens in deze volgorde:

a:link{...}
a:visited{...}
a:active{...}
a:hover{...}

Dat zou volgens mij je probleem in FF al kunnen oplossen.

[edit]Oh, en als je die underline zwart wil hebben moet je wel de color op zwart zetten lijkt me...[/edit]