Posted by Els on 11/19/07 17:05

Shelly wrote:

> I have the following in a CSS file:
> .SideLink {
> border-bottom: 1px solid #333333;
> margin: -2px 0 0px 0;
> padding: 3px 2px 3px 2px;
> }
>
> The selector is invoked by <p with class="SideLink">

But without the word 'with', right?

> On Firefox, there is a solid, 1px border at the bottom of each menu item
> (this is called for each menu item). On Internet Explorer (7) there is no
> line.
>
> I don't have a clue as to why?
>
> Any suggestions?

Yup - run the page through the validator, install the Firebug
extension to see if there are any overlapping other elements, or...
give a url :-)

Or, looking into my crystal ball, I see that each <p> is overlapping
the previous one by 2px. Might just be enough to cover the 1px border?

--
Els http://locusmeus.com/

[Back to original message]