får ej till centrering av bilder då jag använder ModalPopupExtender.
jag vill att bilden alltid ska placeras i mitten av skärmen.

Vad gör jag för fel?
Exempel finns på http://www2.akk.nu/mediapage.aspx

min kod:
<code>

function showImage(image)
{
var modalExt = $find('<%=ModalPopupExtender.ClientID%>');
var modalLayer = $get('modalLayer');
var img = $get('img');
img.src = 'uploads/media/photos/' + image;
modalLayer.style.visibility = 'visible';
modalExt.show();

}

<asp:Panel ID="pnlImage" runat="server">
<div style="visibility:hidden;padding:10px;background:black;" id="modalLayer">
<center>
<img id="img" />
<br />
<asp:Button ID="CancelButton" Text="Cancel" runat="server"/>
</center>
</div>
</asp:Panel>


<ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender" runat="server"
TargetControlID="hiddenButton"
BackgroundCssClass="modalBackground"
PopupControlID="pnlImage"
CancelControlID="CancelButton" >
</ajaxToolkit:ModalPopupExtender>

</code>