Elementy do wypozycjonowania a dziedziczenie reguł.

0

Witam, jeśli w elemencie pozycjonowanym umieścimy element, który też pozycjonujemy to czy dziedziczymy z niego reguły? Bo mam problem, obraz się nie przesuwa się z resztą tła i pozostaje w miejscu, a w pionie jest wszystko w porządku. Kod jaki umieściłem w #nav był wielokrotnie zmieniany także tylko jednostka px się nie zmieniała. Uprzejmie proszę o odpowiedź.

body {
    background: url("arczi.jpg") no-repeat scroll center top #000000;
    color: #ccc;
    font: 12px/18px Arial,Tahoma,Verdana;
    margin: 0;
    padding: 0;
	
}
	
#navigation  {

height: 58px;
left: 47%;
margin-left: -334px;
margin-top: 95px;
position: absolute;
width: 1020px;

}

p {
font: 12px/18px Arial, Tahoma,Verdana;
text-align: center;
padding: 20px;
text-align: left;
margin-left: 250px;
margin-top: 50px;
height: 300px;
width: 400px;
 }

#content  {
background: url("contentone.jpg") no-repeat scroll center top; 
padding: 300px;
margin-left: 2px;
margin-top: 135px;
}

#nav  { 
background: url("content.jpg") no-repeat scroll center top; 
padding: 249.5px;
padding-right: -30px;
margin-left: 30px;
margin-top: -636px;
opacity: 2;
}

<div id="content">

       <h1> Tytuł </h1>
 

   
		 <p> OPIS 
Lorem Ipsum.....
</p>
            <div id="nav"> 
 </div>		
          </div>


0

wystaw gdzieś te jpegi żeby dało się je podpiąć tu: http://jsfiddle.net/0axqoqnh/ i pokaż problem wizualnie

1 użytkowników online, w tym zalogowanych: 0, gości: 1