<style type="text/
CSS">
#info {background:#fff;}
#info ul {margin:3em; padding:0; list-style-type:none; background:transparent; height:3em;}
#info li {display:block; float:left;}
.xsnazzy {background:transparent;}
.xsnazzy span {text-align:center; color:#fff; margin:0; font-weight:normal; padding-bottom:0.5em;}
.xtop {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {
display:block;
/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow: hidden;
/* */
}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#dd7; border-left:1px solid #fff; border-right:1px solid #fff;}
.xb1 {margin:0 5px; background:#fff;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.xboxcontent {display:block; background:#cc6; border:0 solid #fff; border-width:0 1px 1px 1px;}
a.xmenu2, a.xmenu2:visited {display:block; text-decoration:none; width:7em; font-size:0.9em;}
a.xmenu2:hover {background:transparent; cursor:pointer;}
a.xmenu2:hover span {color:#000;}
a.xmenu2:hover .xboxcontent {background:#eee; border-color:#888; border-bottom:1px solid #eee;}
a.xmenu2:hover .xb1 {background:#888;}
a.xmenu2:hover .xb2, a.xmenu2:hover .xb3, a.xmenu2:hover .xb4 {background:#fff; border-color:#888;}
#abs {background:transparent; cursor:pointer;}
#abs span {color:#000;}
#abs .xboxcontent {background:#eee; border-color:#888; border-bottom:1px solid #eee;}
#abs .xb1 {background:#888;}
#abs .xb2,
#abs .xb3,
#abs .xb4 {background:#fff; border-color:#888;}
</style>
<div id="info">
<h2>A SNAZZY BORDER MENU</h2>
<ul>
<li> <a href="#nogo" _fcksavedurl=""#nogo"" class="xmenu2"><strong class="xsnazzy"><strong class="xtop"><strong class="xb1"></strong><strong class="xb2"></strong><strong class="xb3"></strong><strong class="xb4"></strong></strong><span class="xboxcontent"> Paul<br />Cezanne</span> </strong></a> </li>
<li> <a href="#nogo" class="xmenu2"><strong class="xsnazzy"><strong class="xtop"><strong class="xb1"></strong><strong class="xb2"></strong><strong class="xb3"></strong><strong class="xb4"></strong></strong><span class="xboxcontent"> Henri<br />Matisse</span> </strong></a> </li>
<li id="abs"> <a href="#nogo" class="xmenu2"><strong class="xsnazzy"><strong class="xtop"><strong class="xb1"></strong><strong class="xb2"></strong><strong class="xb3"></strong><strong class="xb4"></strong></strong><span class="xboxcontent"> William<br />Turner</span> </strong></a> </li>
<li> <a href="#nogo" class="xmenu2"><strong class="xsnazzy"><strong class="xtop"><strong class="xb1"></strong><strong class="xb2"></strong><strong class="xb3"></strong><strong class="xb4"></strong></strong><span class="xboxcontent"> John<br />Constable</span> </strong></a> </li>
<li> <a href="#nogo" class="xmenu2"><strong class="xsnazzy"><strong class="xtop"><strong class="xb1"></strong><strong class="xb2"></strong><strong class="xb3"></strong><strong class="xb4"></strong></strong><span class="xboxcontent"> Claude<br />Monet</span> </strong></a> </li>
</ul>
</div>
