> First - big thanks to everyone who replied on this one (see below). In
>
> the end I went with two lists, seemed most "correct" and put a
> margin-bottom in to separate them.
>
> However, when I view this in IE6/XP, the line dividing the top two links
> disappeared.  everything else checks out fine - but no line there. I
> can't see anything in there to cause this, and it doesn't happenn FF/NN.
> If anyone could suggest a fix, I'd get them a latte.  Site launch is on
> Monday ;-)
>
> Link: http://www.digitalbeginnings.shef.ac.uk
> css: http://www.digitalbeginnings.shef.ac.uk/css/index.css
>
> I've tried to keep the code fairly clean and easy to read. let me know
> if you think not.
>

This is what I did:

#sidenav li {
        list-style-type: none;
        margin: 0px;
        text-align: center;
        padding: 0;
        display: block;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #ccc;
        color: #036;
        width:100%;   /* SEE THIS? */
}

Did that work?

--
--
C Montoya
rdpdesign.com ... liquid.rdpdesign.com ... montoya.rdpdesign.com
______________________________________________________________________
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/

Reply via email to