Ok, I found that if I remove the padding from the code below, the other dropdowns behave the same way as the categories dropdown. For some reason, this css is not applying to the categories dropdown.
Code:
.navtabs li.selected .popupbody li > a {
padding: 0px 10px;
text-indent: 0;
color: black;
}
When looking here (below), I tried to simply add <li style="margin-top: 10px;"> to the categorybits, but this didn't work.
Code:
<li class="popupmenu">
<a href="javascript://" class="popupctrl">{vb:phrase media_categories}</a>
<ul class="popupbody popuphover">
{vb:raw categorybits}
</ul>
</li>
<li class="popupmenu">
<a href="javascript://" class="popupctrl">{vb:phrase media_playlists}</a>
<ul class="popupbody popuphover">
<li style="margin-top: 10px;"><a href="{vb:raw href.playlists}">{vb:phrase media_playlists_browse}</a></li>
However, if hard coded the links (e.g., below), it appeared correctly.
Code:
<li style="margin-top: 10px;"><a href="http://www.carpediem.im/media.php?do=category&cid=6">Categories</a></li>
Hence, I assume that I need to add css to vb:raw categorybits. However, I've searched in templates, styles, and phrases, but couldn't figure out where categorybits was. Any ideas?