Simplemodal爲所有瀏覽器調整大小

我有一個容器可以在用戶選擇特定的容器時彈出並在頁面上顯示圖像。這在Chrome中顯得很好，（取決於分辨率），但是在Opera和FF中我已經告訴它它可以在角落甚至圖片的頂部切斷X（關閉符號）。Simplemodal爲所有瀏覽器調整大小

我想知道是否有一種方法來設置疊加顯示根據它打開的圖像的大小，並顯示無論分辨率居中，但無法弄清楚如何做到這一點。

<style> 
#basic-modal-content {display:none;} 

/* Overlay */ 
#simplemodal-overlay {background-color:#000;} 

/* Container */ 
#simplemodal-container {height:800px; width:800px; color:#bbb; background-color:black; padding:2px;} 
#simplemodal-container .simplemodal-data {padding:8px;} 
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;} 

#simplemodal-container a {color:#ddd;} 
#simplemodal-container a.modalCloseImg {background:url(../../img/basic/x.png) no-repeat; width:25px; height:29px; 

display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;} 
#simplemodal-container h3 {color:#84b8d9;}

來源

2016-01-04 Robert Ettinger