* {
	margin: 0px;
	padding: 0px;
}

body { margin: 20px; 
/*top, right, bottom, left */
 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
.picture { 
  background-color: #F9F9F9;
  border: 1px solid #CCCCCC; 
  padding: 3px;
  font: 11px/1.4em Arial, sans-serif; }

.picture img { 
  border: 1px solid #CCCCCC; 
  vertical-align:middle; 
  margin-bottom: 3px; 
  display:block; }

.right { margin: 0.5em 0pt 0.5em 0.8em; float:right; }

.left { margin: 0.5em 0.8em 0.5em 0; float:left; }

/* http://www.w3schools.com/CSS/css_image_gallery.asp */

div.img
{
  margin: 2px;
/*  border: 1px solid #0000ff; */
  height: auto;
  width: auto; 
  float: left;
  padding: 3px;
  font: 11px/1.4em Arial, sans-serif;

}	
div.img img
{
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
}
div.img a:hover img {border: 1px solid #0000ff;}

/*
div.desc
{
  text-align: center;
  font-weight: normal;
  margin: 2px;
  width: 120px; */

}

	
/* --------- base.css, part of YUI's CSS Foundation -------- */
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	border:1px solid #000;
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated marking to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table {
	/*so things don't run into each other*/
	margin-bottom:1em;
}

/* -------------- */

td.img
{
  margin: 2px;
  border: 1px solid #0000ff;
  height: auto;
  width: auto; 
  float: left;
  padding: 3px;
  font: 11px/1.4em Arial, sans-serif;

}	
td.img img
{
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
}
td.img a:hover img {border: 1px solid #0000ff;}

/* http://www.w3schools.com/CSS/css_image_gallery.asp */

/*
td.img
{
  margin: 2px;
  border: 1px solid #0000ff;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}	
td.img img
{
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
}
td.img a:hover img {border: 1px solid #0000ff;}
td.desc
{
  text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 2px;
}
*/



<div class="img">
 <a target="_blank" href="klematis_big.htm"><img src="klematis_small.jpg" 
   alt="Klematis" width="110" height="90" /></a>
 <div class="desc">Add a description of the image here</div>
</div>