les muestro los códigos, por favor para que alguien me ayude que he probado y nada. o en caso tal, habrá alguna forma de que en los dispositivos verticales se vea algo diferente a los horizontales? como otras imagenes o algo. Aquí está el codigo HTML y CSS:
----------------------------------------------
HTML:
<!doctype html>
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=euc-jp">
<meta name="viewport" content="width=device-width , device-width,user-scalable=no,initial-scale=1.0, maximun-scale=1.0, minimun-scale=1.0" />
<link href="http://www.agwebs.com.ve/vzla/wp-content/uploads/2017/11/favicon-1.ico" rel="shortcut icon" />
<title>AG Webs Designers</title>
<link href="../prueba.css" rel="stylesheet" type="text/css">
<link href="index.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="background">
<div id="AG"><img src="http://www.agwebs.com.ve/vzla/wp-content/uploads/2017/11/AG.png">
<div id="USAicon"><a href="http://www.agwebs.com.ve/usa"><img src="http://www.agwebs.com.ve/vzla/wp-content/uploads/2017/11/USAicon.png"></div>
<div id="Spainicon"><a href="http://www.agwebs.com.ve/es"><img src="http://www.agwebs.com.ve/vzla/wp-content/uploads/2017/11/Spainicon.png"></div>
<div id="Venezuelaicon"><a href="http://www.agwebs.com.ve/vzla"><img src="http://www.agwebs.com.ve/vzla/wp-content/uploads/2017/11/Venezuelaicon.png"></div>
<div id="OTROS"><a href="http://www.agwebs.com.ve/otros"> <img src="http://www.agwebs.com.ve/vzla/wp-content/uploads/2017/11/OTROS.png"></div>
<div id="OTHERS"><a href="http://www.agwebs.com.ve/otros"> <img src="http://www.agwebs.com.ve/vzla/wp-content/uploads/2017/11/OTHERS.png"></div>
</div>
</body>
</html>
--------------------------------------------
CSS:
@charset "utf-8";
/* CSS Document */
body{ margin:0;
padding:0;
border:0;
background-color:#464646;
width:100%;
height:100%;
background-position:center;
margin-left:auto;
margin-right:auto;
}
.background{
width: 100%;
height:100%;
}
#AG
{
left: 0px;
top: 0px;
right:0px;
position: absolute;
width: 100%;
height: auto;
background-position:center;
float:none;
background-attachment:fixed;
max-height:100%;
background-size:100%;
}
#USAicon
{
left: 222px;
top: 96px;
position: absolute;
width: 337px;
height: 147px;
z-index:2;
}
#Spainicon
{
left: 747px;
top: 77px;
position:absolute;
width: 340px;
height: 154px;
z-index:3;
}
#Venezuelaicon
{
left: 215px;
top: 214px;
position:absolute;
width: 387px;
height: 98px;
z-index:4;
}
#OTROS
{
left: 1086px;
top: 391px;
position: absolute;
width: 145px;
height: 61px;
z-index:5;
}
#OTHERS
{
left: 1086px;
top: 293px;
position:absolute;
width: 160px;
height: 61px;
z-index:6;
}
---------
Muchas Gracias
Lo necesito Urgente. 
:* 
