Different browser results of exercise files?

Hi Morg,

I haven't followed the course your looking at specifically, but you do mention "webkit" in your question, this is called a vendor prefix. Not all web browsers introduce the latest features at the same time, particularly with CSS. As a result they introduce these vendor prefixes to allow developers to use the latest experimental features in certain browsers.

A great website to use and see what features are supported in each web browser is called Can I Use - http://caniuse.com/

Simply search for a CSS property such as "border-radius" and the site will present you with a table showing you the support for that feature across all major browsers, but more importantly, it will show you if the property requires a prefix.

Firefox's vendor prefix is -moz-, webkit's (safari, chrome) is obviously -webkit-. Why don't you try adding a prefix for firefox underneath your webkit declaration.

I know this doesn't answer your question directly, but I hope it helps. I use Can I Use at least a handful of times a week for reference, it's a great resource.

Good luck Morg,

James

It sure does! Thanks a lot I am going to try your suggestion and experiment with what you said. I will also make a reference of that website to check browser features. Thanks a lot again!!

Have you covered the track that introduces you to normalize.css? It removes most of the cross browser inconsistencies.