Google Chrome and Firefox - different ordering of divs

It's simple: http://jsfiddle.net/urgT8/

On Chrome, the ABC buttons are above the .moreinfo divs, in Firefox, they are below. Why is it happening and how to fix?

Answers


As far as I can tell, Firefox is doing the right thing.

It's also broken in Chrome once -webkit-filter is removed: http://jsfiddle.net/thirtydot/urgT8/2/

Evidently, Chrome is only showing the ABC buttons on top because of the -webkit-filter. Whether or not this is a bug, I can't say.

Anyway, you can fix the problem in all browsers with position: relative on .info .dugmici.

Fixed demo: http://jsfiddle.net/thirtydot/urgT8/1/


Need Your Help

Prism 4.1 , Silverllight 5 and .Net 4.5.1 DelegateCommant for Button Not working

wpf mvvm prism silverlight-5.0 prism-4

I'm new to Prism. I'm trying to setup a test project on Prism. I download Prism 4.1 as I found out Prism 5 doesn't work with Silverlight 5 Yet. so My configuration is Like this.

About UNIX Resources Network

Original, collect and organize Developers related documents, information and materials, contains jQuery, Html, CSS, MySQL, .NET, ASP.NET, SQL, objective-c, iPhone, Ruby on Rails, C, SQL Server, Ruby, Arrays, Regex, ASP.NET MVC, WPF, XML, Ajax, DataBase, and so on.