3 replies [Last post]
branek
Offline
newbie
Last seen: 13 years 13 weeks ago
Timezone: GMT+1
Joined: 2007-01-06
Posts: 3
Points: 0

Hello,

could anyone help me to solve problem with undesired white lines in CSS menu...

This is site:

http://www.orpid.co.yu/index.php?page=home

In Opera and FF everything is ok...

But in IE6/7 when hover is active there is thin white line/space above menu under mouse.

I tried various solution.. but with no success. In fact I could live with that.. but because I am new to CSS (I am hardware designer) I want to understand problem...

Thank you in advance...
Branko

vinhboy
vinhboy's picture
Offline
Enthusiast
davis, ca
Last seen: 11 years 29 weeks ago
davis, ca
Joined: 2006-12-21
Posts: 257
Points: 0

http://www.456bereastreet.com

branek
Offline
newbie
Last seen: 13 years 13 weeks ago
Timezone: GMT+1
Joined: 2007-01-06
Posts: 3
Points: 0

thank you for your interest

thank you for your interest in my problem,

but that didn't help... already have something like that:

#menu_vert li {
list-style: none;
margin: 0;
border-bottom: 1px solid #c0c0c0;
display: inline-block; /*for IE*/
}

#menu_vert li {
display: block; /*reset for other browsers */
}

end

div#menu_vert a { text-decoration:none; /* no underline for links */ padding: 0.6em 0.5em 0.6em 1.5em; /* some air for it */ color: #18507C; /* this will be link color for all levels */ background: url(images/cms/arrow-right.gif) no-repeat 0.5em center; height:1em; /* Fixes IE7 whitespace bug */ display: inline-block; /* IE has problems with this, fixed above */ }

div#menu_vert a {
display: block; /* IE has problems with this, fixed above */
}

Any other sugestions?

thank you
branko

branek
Offline
newbie
Last seen: 13 years 13 weeks ago
Timezone: GMT+1
Joined: 2007-01-06
Posts: 3
Points: 0

SOLVED!!!

I tryed a lot of hacks from net and neither one works...

With a little guess and error I found that everything is ok if I use

line-height: 130%;

in #menu_vert li

Maybe this will be usefull for someone else...

bye...