I have to make a drop down menu, but I have a problem.
First, my background image is not in 'the harmony' with letters.I want one image for one point in menu.Now it looks like this:
Second, my cursor stays on the first level of menu, second too, but in the third level-menu runs from my cursor.Like something is disturbing it, for example images.I tried to delete them, but this repeats.
This also happens:
Why are they so far?Because, they have blank between, I can't choose anything from the sub-menu.
Whole menu is here : http://citfree.quotaless.com/neshko/index.html
And the css code is:
ul {
list-style: none;
}
ul a {
text-decoration: none;
padding: 0px 12px;
}
ul a:hover {
text-decoration: none;
}
ul li {
float: left;
position: relative;
}
ul li ul {
list-style: none;
position: absolute;
left: 0;
top: 100%;
display: none;
width: 125px;
background-image:url(navig1.gif);
background-repeat:repeat-y;
}
ul li:hover ul { display: block; }
ul li:hover ul li ul { display: none; }
ul li ul li:hover ul {
display: block;
position: absolute;
left: 140px;
top: -1px;
background-image:url(navig1.gif);
background-repeat:repeat-y;
}
Can somebody tell me where I'm wrong?
Thanks.