Os comparto esta interesante información que he encontrado en el blog del webmaster de google, donde nos comentan lo importante que es desarrollar nuestras webs de una forma totalmente compatible con todos los navegadores, bajo mi experiencia aunque requiere de un tiempo mucho mayor y muchas mas comprobaciones, asegurarnos en estar funcionando en todos los navegadores de los últimos años, es necesario cuesta demasiado ganar lectores en una web, como para descartar todos los que usen un navegador en concreto.
fuente: Google El Blog del webmaster
Paso 1: Estar seguro de la compatibilidad de los navegadores enfocándose en la accesibilidad
Las mismas técnicas que hacen que tu página web sea más accesible a los motores de búsqueda, como páginas HTML estáticas frente a avanzadas características más avanzadas que tiene AJAX, a menudo también ayudan a la compatibilidad de tu sitio en distintos navegadores y en sus numerosas versiones. A menudo más sencillo hacer compatible un simple HMTL con varios navegadores que las últimas técnicas de diseño web.
Paso 2: Considera validar tu código
Si tu código pasa la validación, ya has eliminado un posible problema en la compatibilidad de los navegadores. Con el código validado [inglés], ya no necesitarás depender de las diferentes formas de tratar los errores que tiene cada navegador. Hay una mayor probabilidad de que tu código funcione en diferentes navegadores y es más sencillo arreglar posibles problemas.
Paso 3: Comprueba que sea usable (además de mostrarse bien)
Es importante que tu sitio web se muestre bien; pero además es igual de importante asegurarse de que los usuarios pueden hacer uso de los servicios de tu sitio desde su navegador. En lugar de dedicarte a mirar las fotos que hay en tu sitio, intenta navegar por las páginas en diferentes navegadores o añadir productos al carrito de la compra. Es posible que el botón o área donde se hace clic puede cambiar de un navegador a otro. Además, si usas JavaScript para componentes como el carrito de la compra, puede que funcione en un navegador pero no en otro.
Paso 4: Elimina los errores
Este paso requiere un poco de “ensayo y error”, pero hay algunos buenos sitios que te pueden ayudar a reducir los “ensayos” al mismo tiempo que haces que tu sitio sea compatible en varios navegadores. Doctype es un código abierto de referencia con el que se puede probar la compatibilidad en varios navegadores y además te da pistas y trucos para CSS.
Por ejemplo, digamos que te preguntas cómo encontrar el desplazamiento de un elemento en tu página y te das cuenta de que el código funciona en Internet Explorer, pero no en Firefox y en Safari. Resulta que ciertos navegadores exigen ciertos requisitos en lo que se refiere a encontrar determinar el desplazamiento (menos mal que los colaboradores de Doctype ofrecen un código [inglés] que evita este problema).
Paso 5: ¡Comparte recursos y trucos para la compatibilidad de navegadores!
Nos encanta escuchar los pasos que sigues para asegurarte que tu sitio funciona para la mayoría de tus visitantes. Hemos escrito un artículo más avanzado sobre este tema en el Centro de Ayuda en el que hablamos sobre cosas tan específicas como la codificación de caracteres. Si tienes algún truco adicional, por favor compártelo. Y si tienes alguna duda, ¡por favor pregunta!
Diseño 
web 
Video
Pues la forma más sensata seria replantearte el diseño y hacerlo mediante estándares que funcionen en los principales browser, porque sino siempre iras cargando con el mismo error, es un problema diseñar pensando en un navegador por eso a veces hay que plantearse diseños más simples y compatibles, y no esperar a tenerlos acabadsos para hacer comparaciones.