CSS problem with images in Fotobook

I have a small CSS problem that I having problem to figure out.
I want my images to be showed with a border like a similiar “plugin” I had in my theme that looks like this:

<div id="flickr" class="widget">
	<h3 class="widget_title"><?php _e('Photos on <span>Flick<span>r</span></span>',woothemes) ?></h3>
	<div class="wrap">
		<div class="fix"></div>
		<script type="text/javascript" src="https://www.flickr.com/badge_code_v2.gne?count=<?php echo $number; ?>&display=latest&size=s&layout=x&source=user&user=<?php echo $id; ?>"></script>
		<div class="fix"></div>
	</div>
</div>

#flickr h3 {
	padding: 5px 0px 5px 42px;
	background: transparent url(images/camera_32.png) no-repeat left center;
}

.flickr_badge_image {
	border: 1px solid #c9c9c9;
	padding: 4px;
	float:left;
	margin: 0 0 13px 13px;
}

<div id="fotobook-photos-widget">
  <h3>Bilder fra Facebook</h3><?php foreach($photos as $photo): ?>
  <div class="thumbnail" style="height: <?php echo $size ?>px; width: <?php echo $size ?>px">
    <a href="<?php echo $photo['link'] ?>">
      <img src="<?php echo $photo['src'] ?>" alt="<?php echo htmlentities($photo['caption'], ENT_QUOTES) ?>" />
    </a>
  </div>
  <?php endforeach; ?>
</div>
<div style="clear: both"></div>

<script type="text/javascript">
window.onload = function() {
  centerSquareThumbs('fotobook-photos-widget', <?php echo $size ?>);
}
</script>

#fotobook-photos-widget .thumbnail {
  -x-background-x-position: center;
  -x-background-y-position: center;
  background-attachment: scroll;
  background-color: #242424;
  background-repeat: no-repeat;
  float: left;
  margin: 5px;
  overflow: hidden;
}

#fotobook-photos-widget img {
  border: 0;
}

#fotobook-photos-widget h3 {
	padding: 5px 0px 5px 42px;
	background: transparent url(https://www.joakimsblogg.no/wp-content/themes/digitalfarm/images/camera_32.png) no-repeat left center;
}

Someone know what I have to do?