#container { text-align: left; }
#gallerybox { position: relative; }

#jgal { list-style: none; width: 150px; }
#jgal li { opacity: .65; float: left; display: block; width: 150px; height: 47px; background-position: 40% 35%; cursor: pointer; border: 2px solid #1e1711; outline: 1px solid #9a8b6b; margin: 3px 5px; }
#jgal li img { position: absolute; top: 3px; left: 220px; display: none; }
#jgal li.active img { display: block; }
#jgal li.active, #jgal li:hover { outline-color: #9a8b6b; opacity: .99 /* safari bug */ }

/* styling without javascript */
#gallery { list-style: none; display: block; }
#gallery li { float: left; margin: 0 10px 10px 0; }

    </style>

    <!--[if lt IE 8]>
    <style media="screen,projection" type="text/css">
        #jgal li { filter: alpha(opacity=50); }
        #jgal li.active, #jgal li:hover { filter: alpha(opacity=100); }
    </style>
	<![endif]-->