At http://home.ne.rr.com/thespar/designerN.htm on my practice website, I am
using the stylesheet "side.css" below. The {body} tag is styled with a solid
border of 7.7 em to provide background for the left navigation bar, which is
positioned absolutely.
The problem can be seen near the bottom of the page, if you are using a 19"
monitor with 1024X768 resolution. In the middle of the #left navigation bar,
at the leverl of 3rd from the last picture, there is a discontinuity in the
solid left border extending into the #left navigation bar.
Any suggestions for the cause and remedy of the discontinuity would be
appreciated.
Thanks, CMA
body{border-left:7.7em solid #930; height: 100%;margin:0; padding-left:
1em;}
#left{position: absolute; top: 0; left: 0; width: 7.7em; background-color:
#930; height:100%; }
#navfirst{ margin-top: 3.2em;}
..navtop{ margin-top:34em;}
#navbottom{margin-top: 5%;}
#navlastdesign{margin-top: 113.8em;}
#navlastdesign1{margin-bottom:5%;}
#navlast20s{margin-top: 98.26em;}
#navlast30s{margin-top: 83em;}
#navlastshawls{margin-top: 67.74em;}
#content{ margin-left:0; margin-right:0;}
..sidelist
{padding: .3em 0em .1em 0em;
margin-left: 0;
background: #930;
width:7.7em;}
..sidelist li
{list-style: none;
margin: 0;
border-top: 1px solid #930;
text-align: left;}
..sidelist li a
{ display: block;
text-decoration: none;
background: #930;
padding: .35em 0em .35em 0em;
border-left: 1.1em solid #930;
font:bold 0.61em Verdana, Arial, Helvetica, sans-serif;}
..sidelist li a:link { color: #FFF; }
..sidelist li a:visited { color: #FFF;}
..sidelist li a:hover
{border-color: #FE3;
color: #FFF;
background: #332;}