I have copied the code for a slideshow which uses html. css and jquery. The slideshow doesn't have a border and I have been unable to create one.

I have used the following css code;
Code:
#fadein { padding; 10px;
          border-width: 2px;
          position:relative; height:255px; width:500px; 
          }
#fadein img { position:absolute; left:0; top:0; }
This is what the url looks like.

What do I need to do to create a border around it? Or is there a place to get the entire code? I have tried 1 on css tricks but it didn't work.

If it helps the jquery I used is below it is in the order that it is in my file.

Head section;
Code:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
$(function(){
	$('.fadein img:gt(0)').hide();
	setInterval(function(){$('.fadein :first-child').fadeOut().next('img').fadeIn().end().appendTo('.fadein');}, 3000);
});
</script>
body html
HTML Code:
<div class="fadein">
  <img src="http://what-do-christians-believe.co.uk/test/bible_spk_small.png">
  <img src="http://what-do-christians-believe.co.uk/test/candles.png">
<!--  <img src="http://what-do-christians-believe.co.uk/wpimages/people_2d.png"> -->
<!-- END OF SLIDER CODE -->
</div>
You can view the whole html file here