Problem med onclick på bild i FF

Jag har problem med denna kod i FF

<asp:TextBox id="tbQuickSelection" CssClass="instant" Runat="server" ReadOnly="True"/>
<img class="button" src="/images/btn_snabbval.gif" onmouseover="isOverButton(true);" onmouseout="isOverButton(false);" onclick="showDropDown('instantDropDownDiv')" alt="" /><br />
<div id="instantDropDownDiv">
En lista ....
</div>

Detta är cssen för knappen

#quickbardiv .button
{cursor: pointer;margin: 0 0 -5px -30px;}

Vad som händer är att knappen är bara klickbar i vänstra hörnet i FF? Om jag tar bort margin på knappen så fungerar det.

Är det problem att ha en bild över en textbox i FF eller?

Vad är det du försöker att åstadkomma? Kanske du kan lösa det med en

<input type="image" src="foo.gif" alt="bar" />

mv icaaq

Vid närmare åtanke så vill du nog inte använda input type="image" då den submitar....

Om du lägger bilden i en <a> kanske det går bättre

<asp:TextBox id="tbQuickSelection" CssClass="instant" Runat="server" ReadOnly="True"/>
<a href="#" class="button" onclick="showDropDown('instantDropDownDiv')">
<img  src="/images/btn_snabbval.gif" onmouseover="isOverButton(true);" onmouseout="isOverButton(false);" /></a><br />
<div id="instantDropDownDiv">
En lista ....
</div>

helt otestat dock...

mv icaaq

jag har gjort en "custom" dropdown som består av en asp:textbox och en knapp textboxen innehåller en bakgrund för att få det utseendet jag vill ha och sedan har jag en knapp till höger om textboxen som jag stylar så den hamnar över textboxen där jag vill ha den. under allt ligger en div som jag visar och döljer. Detta fungerar utmärkt i IE men FF har problem med bilden när den ligger över en textbox verkar det som. jag har provat med input och a men det blir samma sak i FF men allt fungerar utmärkt i IE. Så fort jag tar bort margin och knappen hamnar under textboxen så klarar FF att tolka den som en knapp.

Kolla på denna sida i FF så förstår du vad jag menar icaaq
http://member.webforum.nu/6596/dropdown.htm

Lek lite med position :)

#quickbardiv .instant
{
	border:0;
	font-size: 1.2em;
	color: #000;
	padding: 12px 0 0 14px;
  	background: url(service_textbox_background.gif) no-repeat;
	height:41px;
	width:178px;
	margin: 13px 0 0 10px;
[b]position: relative;[/b]
}
#quickbardiv .button2
{
	cursor: pointer;
        [b]position: absolute;
        top: 73px;
        left: 169px;[/b]
}

mv icaaq

Det verkar fungera, dock får jag problem när jag visar divven nu eftersom knappen är absolute så syns den igenom divven, jag tänker på den undre knappen när jag visar den översta divven under textboxen

Sätt ett högre z-index på det elementet som ska ligga överst :)

mv icaaq

Cool ... icaaq verkar veta en del skit :) tack för hjälpen ...