div link werkt alleen met background-color

[henkhoogerbrug]

Ik heb een vreemd probleem en weet niet waar het door komt, hoop dat jullie me wijzer kunnen maken. Alle koppelingen werken, maar het vreemde is dat ik bij Link2 op het gehele oppervlak van de div kan klikken en bij Link1 alleen maar op het woord Home of op de rand van de div (wat niet de bedoeling is).
In firefox werkt het wel goed, maar daar heb ik het probleem dat link4 en link5 weer niet volgend de volledige hoogte en breedte worden opgemaakt.

Ik heb in een Index.php bestand een include functie gebruikt om mijn menu structuur te includen (de inhoud wordt in de div content getoont). In het menu bestand heb ik de volgende code (link1 werkt niet en link2 werkt wel):

<div id="Link1">
	<a title="Home" href="Index.php?pagina=Home">Home</a>
</div>

<div id="Link2">
	<a title="Pagina2" href="Index.php?pagina=Pagina2">Pagina2</a>
</div>

In een extern css bestand heb ik het volgende:

#Link1 a{
	position:relative;
	top:85px;
	left:30px;
	height:25px;
	width:80px;
	display:block;
	border:1px dashed #333;
	}

#Link2 a{
	position:relative;
	top:140px;
	left:70px;
	height:25px;
	width:80px;
	display:block;
	border:1px dashed #333;
	}

Zodra ik de css van Link1 wijzig met een background-color werkt het wel, ik kan dan op het volledige oppervlak van de link klikken.

#Link1 a{
	position:relative;
	top:85px;
	left:30px;
	height:25px;
	width:80px;
	display:block;
	background-color:yellow;
	border:1px dashed #333;
	}

 

[Goeroeboeroe]

In principe zou dit moeten werken. Maar 't is eigenlijk te weinig code om 't goed te kunnen bekijken. Mogelijk zit er iets anders dwars in je css/html. Heb je geen link naar waar 't staat?
Internet Explorer 6 en 7 en Opera hebben wel 'ns problemen met zo'n link in blok-vorm, de soort problemen die jij omschrijft. Mogelijk helpt de volgende truc: geef als background-image 'n doorzichtige gif van 1x1 px mee. 'n Doorzichtige achtergrond zou ook kunnen, maar IE 6 geeft die als zwart weer. Kennelijk Microsofts idee van doorzichtigheid ten tijde van IE 6...

 

[henkhoogerbrug]

ik werk inderdaad vooral met IE7. Wat ook vreemd is is dat wanneer ik deze regel weghaal het dan wel werkt (alleen heb ik dan weer een positioneringsprobleem):

position:relative;

De php include functie maakt niets uit (heb getest door alles direct in het bestand te zetten).

In FireFox werkt het wel, maar weer niet voor de laatste twee div's (van de 5). De div's staan verticaal geordend.


doorzichtige *.gif moet ik nog proberen, maar daarmee heb ik alleen het firefox probleem niet verholpen.