I am encountering an issue with my CSS while trying to create a dropdown on hover. The problem seems to be related to nested classes inside a div structure. It appears that the dropdown list is not displaying properly, leading me to believe there might be an error in how I am handling CSS selectors.
Here is the HTML code snippet:
<div id="header">
<div class="row-2">
<ul class="hover">
<li><a href="index.php" class="active">Home</a></li>
<li><a>Pershkrimi</a>
<div class="button">
<ul class="file_menu">
<li>klzxd</li>
</ul>
</div>
</li>
<li>
<a href="trailer.php">Trailera</a>
</li>
<li>
<a href="categories.php">Kategorite</a>
</li>
<li class="last">
<a href="sitemap.html">Sitemap</a>
</li>
</ul>
</div>
</div>
The corresponding CSS rules are as follows:
#header .row-2 {
height:51px;
}
...
(Later part of CSS code omitted for brevity)
...
.slideshow img
{
position:absolute;
left:4px;
top:10px;
}
Note: I suspect that the newly added slideshow CSS may be conflicting with the dropdown styling, causing it not to work as expected. Thank you for your attention!