.showdiv{ position:absolute; z-index:101;}
.topleft{float:left;width:20px; height:20px; background:url(../photoborder1.png) 0 0 no-repeat;}
.topmiddle{float:left;height:20px; width:300px; background:url(../photoborder1.png) 0 -50px repeat-x;}
.topright{float:left;width:20px; height:20px; background:url(../photoborder1.png) -30px 0 no-repeat;} 
*html .topleft{float:left;width:20px; height:26px; background:url(../photoborder1.png) 0 0  no-repeat;}
*html .topmiddle{float:left;height:26px; width:300px; background:url(../photoborder1.png) 0 -50px repeat-x;}
*html .topright{float:left;width:20px; height:26px; background:url(../photoborder1.png) -30px 0 no-repeat;} 
*html .middleleft{float:left;width:20px;height: 285px; background-position:left; background:url(../blue/leftxian.gif) 0 0 repeat-y;}
.middleleft{float:left;width:20px;height: 285px; background:url(../photoborder2.png) 0 0 repeat-y;}
.middlemiddle{float:left;background:#fff; width:350px; height:285px;}
*html .middleright{float:left;width:6px;height: 285px; background-position:left; background:url(../blue/rightxian.gif) 0 0 repeat-y;}
.middleright{float:left;width:20px;height: 285px; background:url(../photoborder2.png) -30px 0 repeat-y;}
.endleft{float:left;width:20px; height:20px; background:url(../photoborder1.png) 0 -30px no-repeat;}
.endmiddle{float:left;height:20px; width:350px; background:url(../photoborder1.png) 0 -80px repeat-x;}
.endright{float:left;width:20px; height:20px; background:url(../photoborder1.png) -30px -30px no-repeat;}
.clear{ clear:both; font-size:0px; }