Billede størrelse (mus over)

Jeg har for lang tid siden fået hjælp til følgende script:

<script type="text/javascript">
function showPic(s,sText){
  var o=document.getElementById("personpic");

  if(!s){
    o.style.display="none";
    return false;
  }

  o.getElementsByTagName("img")[0].setAttribute("src",s);
  o.lastChild.nodeValue=sText;
  o.style.top=Y+10+"px";
  o.style.left=X+10+"px";
  o.style.display="block";
}

var bIE=document.all?true:false;
if(!bIE)document.captureEvents(Event.MOUSEMOVE);

document.onmousemove=getMouseXY;

var X = Y = 0;

function getMouseXY(e){
  if(bIE){
    X = event.clientX + document.body.scrollLeft;
    Y = event.clientY + document.body.scrollTop;
  }else{
    X = e.pageX;
    Y = e.pageY;
  }
  if(X<0)X=0;
  if(Y<0)Y=0;
  return true;
}
</script>

<div id="personpic" style="position:absolute;display:none"><img alt="Personbillede">&nbsp;</div>

- <span onmouseover="showPic('1.jpg','')" onmouseout="showPic()"><a href=''>Peter</A></span><br>
- <span onmouseover="showPic('2.jpg','')" onmouseout="showPic()">Hans</span><br>
- <span onmouseover="showPic('3.jpg','')" onmouseout="showPic()">Morten</span><br>



Hvordan laver jeg så billedet vises i fx 30% og ikke 100% størrelse?