using classes only, also doesn’t break in IE (as spectacularly as before)
********************************************************************************************************************
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>better node design</title>
<style type=”text/css”>
.megacontainer {
position:absolute;
width:700px;
text-align:center;
left: 363px;
top: 73px;
}
.supercontainer {position:relative; width:350px; margin: auto;}
.container { overflow:hidden; height:600px;}
.content {text-align:left;}
.link {width:150px; height:25px; margin-top:20px; background:url(lnbg.gif) no-repeat; float:left;}
.left { float:left; width: 20px; height:600px; background-image:url(L.gif); background-repeat:no-repeat;}
.right { float:right; width: 20px; height:600px; background-image:url(R.gif); background-repeat:no-repeat;}
.top {height: 20px; background-image:url(T.gif); position:relative;}
.tl {background-image:url(TL.gif); width:20px; height:20px; float:left; position:relative;}
.tr {background-image:url(TR.gif); width:20px; height:20px; float:right; position:relative;}
.bottom {height: 20px; background-image:url(B.gif); position:relative;}
.bl {background-image:url(BL.gif); width:20px; height:20px; float:left; position:relative;}
.br {background-image:url(BR.gif); width:20px; height:20px; float:right; position:relative;}
.leftlink {width:150px; float:left;}
.rightlink {width:150px; float:right;}
.link {width:150px; height:25px; margin-top:20px; background:url(lnbg.gif) no-repeat;}
</style>
</head>
<body>
<div class=”megacontainer”>
<div class=”leftlink”>
<div class=”link”></div>
<div class=”link”></div>
<div class=”link”></div></div>
<div class=”rightlink”>
<div class=”link”></div>
<div class=”link”></div>
<div class=”link”></div></div>
<div class=”supercontainer”>
<div class=”top”><div class=”tl”></div><div class=”tr”></div></div>
<div class=”container”><div class=”left”></div><div class=”right”></div><div class=”content”>cows!!!!</div></div>
<div class=”bottom”><div class=”bl”></div><div class=”br”></div></div>
</div>
</div>
</body>
</html>
