Sat, 2007-01-06 02:32
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
Sat, 2007-01-06 06:36
#1
http://www.456bereastreet.com
Sat, 2007-01-06 09:33
#2
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
Sat, 2007-01-06 14:34
#3
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...