Css/Html-Problem

Hey Leute - ich möchte 2 verschiedene Frames an 2 bestimmten Positionen nebeneinander auf einer Seite haben. Die Frames beinhalten jediglich ein Bild. MEIN PROBLEM ist aber, dass nur der 1. Frame gezeigt wird und der 2. garnicht erscheint.

Der wichtige css-Abschnitt:

div.frame                                       { position: relative; width: 1600px; height: 800px; margin: 0 auto; text-align: left; }
   div.frame a.frame1                                 { position: absolute; left: 115px; top: 150px; width: 251px; height: 650px; }
   div.frame a.frame2                                 { position: absolute; left: 395px; top: 150px; width: 251px; height: 650px; }
   


Der wichtige html-Abschnitt:

 <div class="frame">
      
         <a class="frame1" href="http://www.youtube.com/"><iframe style="border-width:0px; border-style:solid; border-color:Black;" scrolling="no" width="259" height="625" name="frame1" src="1.html"></a>
         <a class="frame2" href="http://www.google.de/"><iframe style="border-width:0px; border-style:solid; border-color:Black;" scrolling="no" width="259" height="625" name="frame2" src="2.html"></a>
         
 </div>

______________________________________________
Erkennt jemand einen Fehler oder so?

mfG Stefan