Peter Osborne wrote:
> Whilst the bottom border of the container div shows in mozilla and
> safari, it's AWOL in IE.
>
> I have extracted the div and relevant CSS from the page to http://
> www.small-fry.co.uk/test.html. I'm perplexed, because there's not a
> lot of code there and I just can't see a problem!
>
This will work for you in ie, I think. Put a bottom border on the a. Set
the h3 in the list with a bottom /and/ top border for it.
Note that when you use em's for typography you need to set 100% on the
body (or html) or the em bearing selectors go crazy on zoom in ie (it's
an ie bug):
CSS
body { background-color: #fff;color: #000; font: 100% arial, sans-serif;}
h3 { border-top: 4px solid gray; border-bottom: 1px solid gray; margin:
0; padding: 3px; width: 160px; }
#navcontainer { width: 200px; }
#navcontainer ul { margin: 0; padding-left: 0; list-style-type: none;
font-size: 0.9em;}
#navcontainer a { background-color: #f5f5f5;color: #000; display:
block;padding: 3px; width: 160px; border-bottom: 1px solid gray; }
#navcontainer a:link, #navlist a:visited { color: #000;
text-decoration: none; }
#navcontainer a:hover { background-color: #c0c0c0; color: #fff; }
HTML
<div id="navcontainer">
<ul id="navlist">
<li><h3>h3 title</h3></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>
>
> Thanks,
> Peter
Regards,
~dl
--
http://chelseacreekstudio.com/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
