My Border around my userpic is showing and I have the override for a…: component_help

My Border around my userpic is showing and I have the override for a borderless userpic... what's the problem? Sorry your help is greatly appreciated.

layerinfo "type" = "theme";
layerinfo "name" = "Spiffy";

function print_profile(Page p) {

print_comp_header("PROFILE");
"""
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="50%" align="center">
<div class="shortLine"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></div>
<div class="shortLine"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></div>
</td>
<td align="center"><a href="http://www.livejournal.com/allpics.bml?user=OH_ANDI">$p.journal.default_pic </a></td>
<td width="50%" align="center">
<div class="shortLine"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></div>
<div class="shortLine"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></div>
</td>
</tr>
<tr>
<td colspan="3" class="compContent">
<div><b>USER:</b> <span class='ljuser' style='white-space:nowrap;'><a href='http://www.livejournal.com/userinfo.bml?user=OH_ANDI'><img src='http://stat.livejournal.com/img/userinfo.gif' alt='userinfo' width='17' height='17' style='vertical-align:bottom;border:0;' /></a><a href='http://www.livejournal.com/users/OH_ANDI/'><b>OH_ANDI</b></a></span></div>
<div><b>NAME:</b> ANDRIA</div>
<div><b>ABOUT ME:</b> I'm 15 years old and I'm a Freshmen... unfortunately. Um, let's see, I like to be outside and I have an awesome family-no matter how many times I say I don't. My favourite sports are Basketball, Swimming, and Hiking and I adore Angelina Jolie. I love oldies and new age too and I'm a really friendly girl.</div>
</td>
</tr> 
</table>
""";
print_comp_footer();
}

function Page::print_custom_head()
{
   var Color header = $*header_bgcolor;
   var Color headerMinus5  = $header->darker(50);
   var Color headerPlus3   = $header->lighter(30);
   var string corner_color = "/p0"+$headerPlus3->substr(1,6)+"1"+$headerMinus5->substr(1,6)+"2"+$header->substr(1,6);

"""
   <style media="screen" type="text/css">
    html
    {
     scrollbar-base-color: $*header_bgcolor ;
     scrollbar-track-color: $*entry_bgcolor ;
     scrollbar-darkshadow-color: $headerMinus5 ;
     scrollbar-shadow-color: $headerPlus3 ;
     scrollbar-highlight-color: $headerPlus3 ;
     scrollbar-3dlight-color: $headerMinus5 ;
     scrollbar-arrow-color: $*header_fgcolor ;
    }
   </style>
   """;
}
function page_layout(Page p) {
  # Set this to the width that you want both the navbar (if it exists) and the whole journal to be
  # may be percentage (80%) or number of pixels (800px).
  var string k1Swidth = "80%";

# Start the html document and print the head section which controls the page title, stylesheet information,
  # server supplied head content, and custom header informtion from the print_custom_head function.
  var string title = $p->title();
  """
  <html>
  <head>
    <link rel="stylesheet" href="$p.stylesheet_url" type="text/css"/>
    $p.head_content
    """; $p->print_custom_head(); """
    <title>$title</title>
  </head>
  """;
  
  # Start the body section of the html document which controls the visible parts of the page.
  """<body style="text-align:center;">""";

# If you want a picture to be at the top of your journal, edit and decomment this section remove the # from the next line.
   """<div align="center"><img src="http://i3.photobucket.com/albums/y61/waycoolandi/je_suis_allemadeforme.jpg" alt="caption here" title="caption here too" /></div>""";

if($k1Swidth != "") {
    """<table style="border: 0px; margin: auto; padding: 0px; width:$k1Swidth;"><tr><td>""";
  }

# Print the navigation bar if it is needed. This can be incorporated into any other tutorials which override
  # the page_layout() function, and should be placed immediately after the <body> tag above.
  if (not $*comp_navbar or $*comp_state=="none") {
    """    <div class="header">""";
    print "<span class=\"header-item\"><a href=\""+$p.view_url{"recent"}+"\">$*nav_entries_text</a></span>";
    print "<span class=\"header-item\"><a href=\""+$p.view_url{"friends"}+"\">$*nav_friends_text</a></span>";
    print "<span class=\"header-item\"><a href=\""+$p.view_url{"archive"}+"\">$*nav_calendar_text</a></span>";
    print "<span class=\"header-item\"><a href=\""+$p.view_url{"userinfo"}+"\">$*nav_info_text</a></span>";
    if ($p.journal.website_url != "") {
        print "<span class=\"header-item\"><a href=\"$p.journal.website_url\">$p.journal.website_name</a></span>";
    }
    $p->lay_viewspec_nav();  # prints previous / next links including arrow images
    """	
    </div>
    """;
  }

# Print a spacer at the top of the page above the components and main area.
  """<div><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></div>""";

# Start the table which lays out the components and main area in side-by-side layout
  """
  <table cellspacing="0" cellpadding="0" valign="top">
    <tr valign="top" width="100%">
      <td width="3">
        <img src="$*PALIMGROOT/component/clear.gif" width="3" height="1" alt="" border="0" />
      </td>
  """;
  
  # If the components are supposed to be on the left side of the page, then print them, followed by a column
  # with a spacer which is to seperate the components and the main area.
  if ($*comp_state == "left") {
    print_my_components($p);
    """
    <td width="3">
      <img src="$*PALIMGROOT/component/clear.gif" width="3" height="1" alt="" border="0" />
    </td>
    """;
  }

# Print the main area of the page.
  print_my_entries($p, $title);

# If the components are supposed to be on the right side of the page, then first print a column with a spacer 
  # and then print the components after the spacer. 
  if ($*comp_state == "right") {
    """
    <td width="3">
      <img src="$*PALIMGROOT/component/clear.gif" width="3" height="1" alt="" border="0" />
    </td>
    """;
    print_my_components($p);
  }

# Finish off the table for the body
  """
      <td width="3">
        <img src="$*PALIMGROOT/component/clear.gif" width="3" height="1" alt="" border="0" />
      </td>
    </tr>
  </table>
  """;

if($k1Swidth != "") {
    """</td></tr></table>""";
  }

# End the body section and end the html document
  """
  </body>
  </html>
  """;
}
function Page::print_custom_head() {
"""
<style>
img { border-width: 0px; }
</style>
""";
}

Hiding Share (tell_friend) Icon from Linkbar and Separating Entry Icon from Entry Text

What Did LJ's Userhead Code Change To?

Ok, I'm no CSS expert...

Error