Salve bella gente ora provo a sollevare un altro problema, il sito che sto realizzando (per me) attualmente mi sta dando molti problemi, questa è un altra pagina del sito e dovrebbe venire così:

uuyj.jpg

Io sono a questo punto nella parte bianca c'è il menù questo è il background attuale nel codice raffigurato come 2.jpg:

2.jpg




e questo è il codice:
codice HTML:
<!doctype html><html><head><meta charset="utf-8"><link href="Style.css" rel="stylesheet" type="text/css"><title>Maori 30</title></head>
<body id="primo"><ul id="menu">    <li><a href="#">CONTACTS</a></li>    <li><a href="#">FEATURES</a></li>    <li><a href="#">TRANSFER</a></li>    <li class="active"><a href="2.html">TOURS</a></li>    <li><a href="#">EXTERIORS</a></li>    <li><a href="#"></a></li>    <li><a href="#"></a></li> </ul></body></html>
style.css
codice HTML:
@charset "utf-8";@import url("Body.css");img.bg {min-height: 000px;min-width: 280px;max-height 10px;max-width: 10px;width: 100%;height: auto;position: fixed;top: 13.4%;left: 9.9%;z-index:-9999;}img.pr{min-height: 000px;min-width: 280px;max-height 10px;max-width: 10px;width: 100%;height: auto;position: fixed;top: 13.4%;left: 9.9%;}#content {background:none repeat scroll 0 0 #FFFFFF;border:7px solid #CCCCCC;font-family:helvetica,arial,sans-serif;font-size:18pt;line-height:16pt;margin:300px auto 0;padding:20px;position:relative;text-align:center;width:500px;}
ul#menu {    font-family: Myriad Pro Regular, sans-serif;    font-size: 15px;    margin: 19px;    padding: 0;    list-style: none;}  ul#menu li {    color:#FFF;    display: block;    float: right; /* elementi su singola riga */    position: relative;}  ul#menu li a {    color:#37546C;    display: block;    font-weight: lighter;    line-height: 30px;    text-decoration: none;    width: 150px;    height: 30px;    text-align: center;}  ul#menu li.active a, ul#menu li a:hover {    color:#ec5133;}ul#menu li#static {float:left;margin-left: 10%;
}
Body.css
codice HTML:
body#index {          background-image: url("01.jpg");     background-size:cover;     background-repeat: no-repeat;     //background-position:center;     margin: 0 auto;     }body#primo {          background-image: url("2.jpg");     background-size:cover;     background-repeat: no-repeat;     //background-position:center;     margin: 0 auto;     }


ora non riesco a posizionare le 3 immagini, capri, positano ecc....
Qualcuno saprebbe aiutarmi?

NUOTANDO CONTRO VEEEENTO!