main picture is cropped/resized

index.php

@@ -132,14 +132,12 @@ function popup(pageURL, title,w,h) {
       <!-- By passing a valid access token here, we are able to display -->
       <!-- the user's images without having to download or prepare -->
       <!-- them ahead of time -->
-      <a
-        href="#"
-        onclick="window.open('http://www.facebook.com/<?php echo($my_id) ?>')">
+      <p id="picture">
         <img
           src="https://graph.facebook.com/me/picture?type=large&access_token=<?php echoEntity($token) ?>"
           height="64"
         />
-      </a>
+      </p>
 
       <div>
         <h1>Welcome, <strong><?php echo idx($basic, 'name'); ?></strong></h1>
@@ -240,10 +238,9 @@ function popup(pageURL, title,w,h) {
               $pic = idx($auf, 'pic_square');
               $name = idx($auf, 'name');
               echo('
-                <li style="background-image: url(' .$pic . ')">
-                  <a href="#" onclick="window.open(\'http://www.facebook.com/' .$uid . '\')">
-                    ' . $name . '
-                  </a>
+                <li>
+                  <img src="https://graph.facebook.com/' . $uid . '/picture?type=small" alt="' . $name . '">
+                  ' . $name . '
                 </li>');
             }
           ?>

stylesheets/base.css

@@ -47,13 +47,16 @@ header h1 {
   padding: 2px 0 8px;
 }
 
-header img + div {
+header #picture + div {
   margin-left: 82px;
 }
 
-header img {
+header #picture {
   float: left;
   margin-right: 18px;
+  width: 64px;
+  height: 64px;
+  overflow: hidden;
 }
 
 header .tagline {