Fondo adaptado a móvil

[JuJoGuAl]

Buenas chicos, estoy haciendo una web tratando de adaptar la idea de Responsive y se pueda ver en cualquier dimension.

Mi problema lo obtengo con el fondo, tengo una img de fondo en el section (puesto que el footer nav y header tienen su fondo aparte)

esta img incluye un mapa mundi:



el codigo que uso en el section es:

Código HTML:

<section class="main">          
            <article class="articulo">
                <h2 class="subtit">Trade Consulting</h2>
                <p class="texto">
                    <p>Search and selection of suppliers</p>
                    <p>Sample check</p>
                    <p>Purchase order management</p>
                    <p>Payment management</p>                    
                </p>
            </article>
</section>
 

Código CSS:

.main { 
  background: url("../img/bg.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg.jpg', sizingMethod='scale')";
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg.jpg', sizingMethod='scale')";
  margin: 0;
  min-height: 600px; /*500 por los botones + 50 50 por top y bottom*/
  padding: 1em 0 1em 0;
  text-align: center;
  width: 100%;
}
 

Se puede ver en vivo aqui: http://jujogual.esy.es/

Lo que pasa es que en Moviles el Mapa Mundi no se ve bien se ve solo zonas aveces asia aveces europa, entonces a pesar que uso el COVER en el css no hay una manera que esa imagen se adapte a la pantalla en la que se esta viendo?