I am having a very hard time debugging this issue, I may as well find out if others have seen anything similar. I am finding that Webkit browsers are rendering extra space in a stacked menu I'm using for the mobile layout on a site I'm developing. The best way to describe this is with the following images:

Chrome browser with inspector

You can see that the is selected and shown with the padding. There is no margin, and yet there is some space between the top of the padding and the bottom border of the sibling. Here is how it is supposed to look in Firefox:

Firefox with Firebug

I am interested to see if the community knows what in the world is going on! As I move through the inspector, I am not able to highlight the offending area, making this very hard to diagnose, as I've said.

  • Your images are broken.
    – Ian Atkin
    Commented Dec 6, 2012 at 22:00
  • They work for me. What's happening when you click the links?
    – Steve
    Commented Dec 6, 2012 at 22:10
  • I end up on a page with a broken image icon next to the image title, stats (0 views) and some social links.
    – Ian Atkin
    Commented Dec 6, 2012 at 22:11
  • That is strange, they are working for me as I write this, I'm not sure what to tell you. If others who view this post have the same results, I'll host the images myself.
    – Steve
    Commented Dec 6, 2012 at 22:13
  • They're working here too @IanAtkin Commented Nov 27, 2018 at 11:00

1 Answer 1


Can you show your css as well. I guess you have included some top and bottom margin/padding. FF is merging and chrome is not.

Not the answer you're looking for? Browse other questions tagged .