I got the pipe dividers working by adding this in a conditional comment:
ul.navlist li {
border-left: 1px solid #353535;
padding: 0 0.4em 0 0.4em;
margin: 0 0.4em 0 -0.4em;
}
ul.navlist li:first-child { border-left: 0; }
Thanks for your help.
--
Debbie
On 2/24/2011 11:08 AM, Chetan Crasta wrote:
On Thu, Feb 24, 2011 at 10:24 PM, Debbie Campbell
<d...@redkitecreative.com> wrote:
My inline list at the bottom of this page displays vertically in IE7:
http://www.redkitecreative.com/projects/paramaya/1.html
What's the best way to fix this (or another recommended method for a simple
pipe list)?
--
The problem is IE7's implementation of display:inline-block is buggy.
Therefore, remove the inline-block from ul.navlist li and try either
display:inline or float:left.
~Chetan
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
