Wordpress Sub Menus Disappearing On Hover?

It never ends... I'm working on another Wordpress theme and I have the submenus styled exactly how I want them. However, they disappear upon hover. I have set all of my margin-tops to zero as stated on Stack previously but they still don't work properly. Here's the link to the site: tinyurl.com/ku6mlx7. Dropdowns can be seen under Artists.

My CSS is the following:

.top-nav {
background-color: #444;
min-height: 40px;
}
 
.top-nav ul {
margin-bottom: 0;
}
 
.top-nav li {
margin: 0 20px 0 0;
padding: 0;
float: left;
display: inline-block;
position: relative;
}

Wordpress Sub Menus Already Showing?

Hi folks,

Working on the following site and having a problem: http://tinyurl.com/oo5re93

You can see that the subpages are appearing in the main nav without having the parent item hovered over. I'm at a loss as to how to get it to work properly. The colors, padding and margins are fine...it's just the hover element. It is also pushing the content to the right. Any thoughts?

problem with leader dots in table

Hi, I'm having a problem with my table:

I only want the leader dots on 1st line (date........event)

1. In September 4 section the leader dots are on the FIRST and LAST line. For the Second-last lines I thought if I created a new "tr" section (with different styling that would get rid of leader dots and vertical space). Obviously didn't work.

2. So I tried another way in the September 8 section: but the leader dots are on LAST LINE ONLY!

here is link to file:

CSS handles wrong

Im a beginner with css and building a website i stuck with a issue that the css handles some requests not correct.

on my developers website im working to integrate a part custommade item into the website.
The custom made part is seperate to found at LINK

but it is visible on the website at LINK

the items where its stated "Beschikbaar" is also red and must be green, how to solve this?

CSS Dropdown Menu Alignment

I am having trouble aligning this drop down menu I created. The drop down menu won't align with the main menu correctly. Please help me align it properly.

Here is my CSS:

li {
display:inline;
padding-left:30px;
padding-right:30px;
}
ul {
list-style: none;
text-align:center;
}
ul li {
display: inline-block;
}
ul li a {
color: 000000;
text-decoration: none;
font-size: 24px;
text-align:left;
}
ul li ul {
display: none;
position: absolute;
}
ul li:hover ul {
display:block;
background-color: transparent;
position:absolute;
text-align:center;
}
ul a:hover {

Syndicate content