Chrome browser rendering unpredictable mobile layout

Posted by steve on Super User See other posts from Super User or by steve
Published on 2012-12-06T20:45:17Z Indexed on 2012/12/09 23:21 UTC
Read the original article Hit count: 189

Filed under:
|
|
|

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.

© Super User or respective owner

Related posts about google-chrome

Related posts about css