Here's the HTML and inline CSS in question (bear in mind that I am still new to this and learning, so it probably looks ugly :p )...there's no external css
<td width="7%" valign="top" style="position:relative;margin:0;padding:0;float:right;">
<div style="height:auto;width:35px;position:absolute;left:0;z-index:5;">
<a id="1a" style="display:block;width:35px;height:35px;" href="http://intranet.dac-group.com/sales/optrack/"><img id="image1" src="/steve/satellite-sm.gif" alt="Opportunity Tracking" onmouseover="d('1')" onmouseout="e('1')" border="0" height="35" width="35" align="right" ></a>
(repeat anchor tag and link...)
.
.
.
and here's the Javascript function (which was sent to me by a coworker so I can't verify where he got it from) that does the resizing...sorry if it's kinda long...
k=document;
v=Date;
x=false;
z=Array;
af=Math.floor;
ag=RegExp;
b=new z(12);
s=new z("null","satellite","training","email","phone","shopping","pc","folder","vendor","suggest","truck","more");
aa=new z(11);
ab=10;
t=0;
u=0;
n=0;
o=new v();
h=5;
m=385;
c=0;
w=x;
var title;
var firstHoverOccurred=x;
m=385;
p=0;
function d(ac) {
c=ac;
o=new v();
setTimeout("gidle()",20);
}
function e(ac) {
c=0;
w=x;
o=new v();
setTimeout("gidle()",20);
}
function ae() {
for(var j=1; j<b.length; j++) {
b[j]=35;
}
title=k.getElementById('imageTitle');
for(i=0; i<b.length; i++) {
aa[i]=new Image();
aa[i].src="/steve/"+s[i+1]+".gif"
}
setTimeout("gidle()",20);
}
function gidle() {
var l=0;
for(var i=1; i<b.length; i++) {
var imagename="image"+i;
var imageElem=k.getElementById(imagename);
if(c!=i){
if(b[i]>35){
b[i]-=h;
if(b[i]<=35){
b[i]=35;
imageElem.src="/steve/"+s[i]+"-sm.gif"
}
imageElem.width=b[i];
imageElem.height=b[i];
if(c==0){
var g=af(255-255*(b[i]-35)/35);
title.style.color="rgb("+g+","+g+","+g+")"
}
p=1;
}l+=b[i]
}
}
if(c!=0&&b[c]<70){
imagename="image"+c;
imageElem=k.getElementById(imagename);
if(w==x){
w=true;
if(c<6){
var y=360-(c-1)*70;
//title.innerHTML=k.getElementById(imagename).alt+'<img src="cleardot.gif" width="'+y+'" height="1"/>'
title.innerHTML=k.getElementById(imagename).alt+'<img src="/steve/cleardot.gif" width="'+1+'" height="1"/>'
} else {
var y=(c-7)*70+70;
//title.innerHTML='<img src="cleardot.gif" width="'+y+'" height="1"/>'+k.getElementById(imagename).alt
title.innerHTML='<img src="/steve/cleardot.gif" width="'+1+'" height="1"/>'+k.getElementById(imagename).alt
}
}
b[c]+=h;
p=1;
if(b[c]>70){
b[c]=70;
}
l+=b[c];
if(l<m){
b[c]+=m-l;
if(b[c]>70) {
b[c]=70;
}
l=m;
}
var g=af(255-255*(b[c]-35)/35);
title.style.color="rgb("+g+","+g+","+g+")";
imageElem.width=b[c];
imageElem.height=b[c];
k.getElementById(imagename).src="/steve/"+s[c]+".gif"
}
m=l;
var ad=new v();
ab=ad.getTime()-o.getTime();
o=ad;
t+=ab;
u++;
n=t/u;
h=5;
if(u>4){
if(n>30){
h=10;
}
if(n>60){
h=15;
}
if(n>90){
h=20;
}
}
if(p) {
setTimeout("gidle()",20);
p=0;
}
}