Problems using an image for "Done" button in the receipt page

[skinnybloke]

Hi - does anyone know what code to use when using an image for the "Done" button on the receipt page in v10.

In v9 I used this and it worked ok in all the major browsers:

<input type="image" name="ACTION" src="btn-done.gif" alt="<actinic:variable encoding="html" name="DoneButton" />" value="<actinic:variable encoding="html" name="DoneButton" />" onmouseover='this.src="btn-done-roll.gif"' onmouseout='this.src="btn-done.gif"' onmouseout="RestoreImage()" />

In v10 it works ok in FF, Chrome and Safari but it does not work in IE7, IE8 or Opera.

Have I missed changing something else?

[Duncan Rounding]

Without the rollover you only need this:

<input type="image" name="ACTION" value="<actinic:variable encoding="html" name="DoneButton" />" src="MyDoneImage.gif"/>

[skinnybloke]

Hi - still does not work I'm afraid,

I tried to put it into the default site1 that comes with the package and that works so it must be something within my code.

I've noticed that in the default site1, hovering over the 'done' button displays the OS00001.pl link in the staus bar, but on my page it displays nothing.

[skinnybloke]

For anyone interested this problem was caused by a div tab that was not closed properly:

I changed it from:

<div id="receiptLayoutHolder";

to:

<div id="receiptLayoutHolder">