.thumbnail{ position: relative; z-index: 0; } .thumbnail:hover{ background-color: transparent; z-index: 50; } .thumbnail span{ /*CSS for enlarged image*/ position: absolute; background-color: lightyellow; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; } .thumbnail span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px; } .thumbnail:hover span{ /*CSS for enlarged image on hover*/ visibility: visible; top: 0; left: 60px; /*position where enlarged image should offset horizontally */ } 
<br />
 
<br />
 
<pre id="line1">}<br /><br />.seotext h1 {<br />	font-size: 14px;<br />	font-weight: bold;<br />	color: #000000;<br />        font-style: none;<br />}<br />.seotext h2 {<br />	font-size: 13px;<br />	font-weight: bold;<br />	color: #000000;<br />        font-style: none;<br />        margin: 10px 0px 10px 0px;<br />}<br /></pre>
 
<br />


.seotext h1
 {
	text-align:center;
	font-size:20px;
color:#712D2A;

}
.seotext h2 
{
	font-size: 13px;
	font-weight: bold;
	color: #000000;
    font-style: none;
   text-align:center;
   margin: 10px 0px 10px 0px;
}
p {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-indent:0px;
	text-align:justify;
	margin: 2px;
	margin-top: 12px;
	color: #000000;
}

a {
text-decoration:none;

}