[RESOLVED] Chrome v26 placing extra space above last list item in menu
This issue only exists in Chrome. It is adding some extra space above the last link in the menu. (It looks like the first link in the menu because I have the menu floated to the right.) Here is a screenshot of what it looks like in Firefox and IE: http://ow.ly/kwE2a
Here is a screenshot of it in Chrome: http://ow.ly/kwEi6
And here is a link to the site. It is in maintenance mode right now so you can only see the menu on the page I am linking to. http://ow.ly/kwEx9
It's built on Drupal 7 if that helps.
Any help will be greatly appreciated! Thanks.
The relevant code is:
<ul class="menu"><li class="first leaf"><a href="/contact-us" class="mainMenuLinks">Contact Us</a></li>
<li class="leaf"><a href="/services" class="mainMenuLinks">Services</a></li>
<li class="leaf"><a href="/about-us" class="mainMenuLinks">About Us</a></li>
<li class="last leaf"><a href="/home" class="mainMenuLinks">Home</a></li>
Check the CSS. Seems to me that the most likely culprit is the class="last leaf". Particularly the class ".last" as the class ".leaf" is used by the other menu items.
Thanks for your response! That's what I thought too, but I couldn't find anything in the ".last" or ".leaf" classes that was causing the problem. I also tried adding those classes to my main theme's CSS and zeroing out the margin & padding, but it didn't make a difference.
I found the problem. Removing this sytle fixed it.
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)