Super User is a question and answer site for computer enthusiasts and power users. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

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.

share|improve this question
Your images are broken. – Ian Atkin Dec 6 '12 at 22:00
They work for me. What's happening when you click the links? – steve Dec 6 '12 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 Dec 6 '12 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 Dec 6 '12 at 22:13

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.

share|improve this answer

You must log in to answer this question.

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