Mark Wheeler wrote:
The problem is
that I have border-bottom to appear on hover over a link. But, that
is not appearing - it seems to be cut off - in IE7. You can see the
yellow border around the li tag is cut off at the bottom. IE6, FF,
Safari are all fine, just IE7 is the problem. I think
You could try giving position:relative to the LI, this usually
stops (in IE)
cut-off of contents going outside their containers.
--
Bruno Fassino http://www.brunildo.org/test
Hi Bruno,
Yep, that did it. Thanks. It's weird that it only did it in IE7 only,
though. Oh well.
Mark
Hi,
To fix the height of the li tags, display:block and float:left :
#nav ul li {
display: block; /* changed */
float:left; /* changed */
margin-right: 5px; /* added */
padding-right: 20px;
border: 1px solid yellow;
}
Then to have it centered, you would need a
Hrm, not really (tested FF and IE7)... I do have a running sample, ne how,
if relative positioning works for you (depends on the rest of the layout)
you should go that route.
On 8/2/07, Mark Wheeler [EMAIL PROTECTED] wrote:
Hi,
To fix the height of the li tags, display:block and
Here's the sample:
http://www.bossanoza.net/_external/css-d/underline_link_test.html (works for
me on IE7 (vista), FF and IE6 (xp))
On 8/2/07, Phillip Allard [EMAIL PROTECTED] wrote:
Hrm, not really (tested FF and IE7)... I do have a running sample, ne how,
if relative positioning works for
On Aug 2, 2007, at 11:16 AM, Phillip Allard wrote:
Here's the sample: http://www.bossanoza.net/_external/css-d/
underline_link_test.html (works for me on IE7 (vista), FF and IE6
(xp))
Hi Phillip,
Yeah! That worked great. Thanks very much.
Mark
Hi,
I've come across this little problem before, and worked around it
last time, but I don't want to work around it anymore. The problem is
that I have border-bottom to appear on hover over a link. But, that
is not appearing - it seems to be cut off - in IE7. You can see the
yellow border