iframes skal resizse uafhængigt af hinanden

Hvordan kan jeg arbejde med flere runctions resize på samme side? De skal resize forskellige iframes.

Jeg har prøvet med dette:

<script>
function resize() {
  if (parent.document.all.iframe)
    parent.document.all.iframe.style.height = document.body.scrollHeight;
  if (parent.document.all.iframe2)
    parent.document.all.iframe2.style.height = document.body.scrollHeight;   
}
</script>

Men det går galt når jeg på samme side skal har både en ifram og en iframe2. Så resizer den de 2 frames så de får samme størrelse. Det vil sige at den tilpasser ifram2 så den passer i størrelsen og så retter den iframe efter iframe2. Hvad kan jeg gøre for at få dem til at resize uafhængigt af hinanden?

Mine iframe er opbygget på følgende måde:
Response.write "<iframe src='vis.asp?ID=" & ID & "&LID=" & LID & "' name='iframe' id='iframe' allowTransparency='true' marginwidth='0' marginheight='0' width='100%' height='100%' scrolling='auto' frameborder='0'></iframe><br><br>"
Response.write "<iframe src='vis.asp?Funktion=HTML' name='iframe2' id='iframe2' allowTransparency='true' marginwidth='0' marginheight='0' width='100%' height='100%' scrolling='auto' frameborder='0'></iframe>"