2 IMG's in Div Header overlap when Page resized!! Help!

[Slimpick404]

I have two images in the top header. When the Page is srunken/resized the right image (calltoday.gif) is put behind. Any Help Appreciated.

CODE:
<div id="header">
<div class="top">
<a href="index.html"><img src="images/Free_Terminal_logo.gif" alt="Assurance Merchant Solutions Credit Card Processing" width="570" height="155" class="logo" /></a><br />
<br />&nbsp;&nbsp;&nbsp;
<p><a href="contactus.html"><img src="images/calltoday.gif" /></a></p>
</div>

******************ABOVE TWO PICS*****BELOW BUTTON CODE UNDER PICS****************************************8
<a href="processingwithams.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image2','','images/m1_1.jpg',1)"><img src="images/m1.jpg" alt="" id="Image2" /></a><a href="processingsolutions.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','images/m2_2.jpg',1)"><img src="images/m2.jpg" alt="" id="Image3" /></a><a href="terminals.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','images/m3_3.jpg',1)"><img src="images/m3.jpg" alt="" id="Image4" /></a><a href="highrisk.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','images/m4_4.jpg',1)"><img src="images/m4.jpg" alt="" id="Image5" /></a><a href="contactus.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','images/m5_5.jpg',1)"><img src="images/m5.jpg" alt="" id="Image6" /></a><br />
<a href="apply.html"><img alt="AMS Apply for Free Merchant Account" class="pic" src="images/bann_1.jpg" /></a><a href="resellers.html"><img alt="" src="images/bann_3.jpg" /></a><a href="ratereview.html"><img alt="" src="images/bann_2.jpg" /></a><a href="terminalprogram.html"><img alt="" src="images/bann_4.jpg" /></a><a href="rates-services.html"><img alt="" src="images/bann_5.jpg" /></a>
</div>

[iahne]

Naaahhhh... Hard to read your code. Let me guess, do use a fixed size for those two images? If so, try giving them a size in percentage. On that way, if the current size of the browser is 100px and you give them 50&#37; by 50% width of size both of them will get 50px and 50px. If you resize the browser again to 50px both of them will get 25px and 25px, and if the browser size is 35px they will both get 15.5px and 15.5px (if there's a decimal in px). =) give it a try.