I'm trying to put a border around a list. In Firefox, it LOOKS like the
border-bottom of the ul is shifted 1px up and right, (and in IE it looks
like it's shifted 1px up and to the left) causing the bottom corners to
look like little crosses. I tried adding padding to see if I could bump
the border, but the problem remains. (It looks about 1px off regardless
of font-size as well.) If no one knows what's going on without seeing
the page, I'll get something posted. TIA, Sarah
I have the following CSS
#branch p { margin: 0; padding: 0; font-weight: bold; }
#branch ul { margin: 0; padding: 0;
list-style-position: inside; /* doesn't matter if this is inside
or outside - I still get the same effect */
list-style-type: none;
background-color: #cfc;
border: 1px solid #090;
border-top: none;
max-width: 175px;
_width: 170px;
}
#branch li { border-top: 1px solid #090; padding-left: 3px; }
And the html
<div id="branch">
<p>Branch's</p>
<ul>
<li><a href="branchname.html">Information</a></li>
<li><a href="map.html">Map/Directions</a></li>
</ul>
</div>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
