Posted by Shelly on 11/19/07 20:38

Jonathan N. Little wrote:
> 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">
>>
>> 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?
>
> Seems that way, where's the rest of the page? It might matter,
> especail if you triggered quirks mode. Now DON'T paste all the code
> just a URL please!
>
> Many times IE has trouble with negative margins and parts disappear as
> page reflows...

Thank you both very much. Changing the margin to "0" made it work properly.
It also eliminated another bug of a line showing up when I moused over.

Shelly

[Back to original message]