Hi there,

Thank the lord for this group.

I'm about to start phase 2 of developing the backend of my site, but I
have a few cross browser compatibility issues with my CSS that I need
to address before I dive in.

This one in particular is killing me. The problem is that in IE7, some
text is getting cut off half way through. I've traced the problem back
and it seems like it stems from including a line-height: 1px;
statement. I've tried change it to em, pt, added a clear: bottom; but
nothing.

The reason I've included the line-height is to center the text in the
cell to keep it from being at the very bottom. If I take the statement
out, it WILL solve the cut off text problem, however, it also
positions the text at the very bottom of the cell which is not what I
want.

For reference the page in question is http://tinyurl.com/8f9dkf

[CODE]
.nav_item {
        float: right;
        height: 28px;
        font-family: arial, verdana, sans-serif;
        line-height: 1px;
}
[/CODE]

That is the problem. I've tried switching the line-height to
the .nav_item a{ } class but still nothing...

Anyone have any idea what could be going wrong? Any help would be very
much appreciated! Thanks in advance.
--~--~---------~--~----~------------~-------~--~----~
--
You received this because you are subscribed to the "Design the Web with CSS" 
at Google groups.
To post: [email protected]
To unsubscribe: [email protected]
-~----------~----~----~----~------~----~------~--~---

Reply via email to