Shadow-Box Frame:
Internet Explorer doesn't like "display: table" in the
style sheet, so we need a hack to get this:
The above effect is created thusly:
<style type="text/css">
.SB-container {
border: 1px solid black;
padding: 0px;
line-height: 0.01;
display: table-cell;
}
.SB-container { /* IE hack */
display: inline-block;
width: 1px;
}
.SB-back {
border-top: 4px solid white;
border-left: 4px solid white;
border-right: 4px solid black;
border-bottom: 4px solid black;
}
.SB-middle {
border-top: 4px solid #666666;
border-left: 4px solid #666666;
border-right: 4px solid #cccccc;
border-bottom: 4px solid #cccccc;
}
.SB-front {
background-color: #ffffee; /* background color of content */
color: #000000; /* text color of content */
border: 1px solid #000000; /* border color */
padding: 0px 4px 0px 4px;
line-height: normal;
}
.SB-image {
border: 1px solid #000000; /* border color */
}
</style>
-------------------------------------------------------
<div style="margin-left: 20px;">
<table border="0" cellspacing="0" cellpadding="0">
<tbody><tr><td class="SB-container">
<div class="SB-back">
<div class="SB-middle">
<div class="SB-image" align="left">
<img src="mvc-001f.jpg" style="padding: 0px;" />
</div></div></div></td></tr></tbody></table>
</div>
.
