مشكلة فى تصميم قالب ووردبريس css

بسم الله الرحمن الرحيم

عندى مشكلة غريبة لقد قمت بتصميم القالب كاملا وقمت بأضافة الفوتر لكن تحدث مشلكة غرييبة عند تنيسق الفوتر بال css
وخاصة عند وضع
position:relative

افاجئ بأن كل الروابط فى القالب اصبحت لا تعمل
وروابط الفوتر فقط هى التى تعمل

هذا هو كود الهتمل

رمز Code:





Untitled Document

• d d
• xxxxxxxxxxxx
• xxxxxxxxxxxxxxxxxxxxx
• xxxxxxxxxxxxxxxxxxxxx
• xxxxxxxxxxxxxxxxxxxxx

</p>
حرب الجبال












</p>
حرب الجبال

</p>
حرب الجبال













</p>
حرب الجبال






</div>





</p>
حرب الجبال






</div>





</p>
حرب الجبال






</div>




</p>
حرب الجبال






</div>




</p>
حرب الجبال






</div>




</p>
حرب الجبال






</div>




</p>
حرب الجبال






</div>




</p>
حرب الجبال






</div>




</p>
حرب الجبال






</div>



</p>
حرب الجبال






</div>




</p>
حرب الجبال






</div>



</p>
حرب الجبال






</div>



</p>
حرب الجبال






</div>



</p>
حرب الجبال






</div>



</p>
حرب الجبال






</div>



</p>
حرب الجبال






</div>



</p>
حرب الجبال






</div>



</p>
حرب الجبال






</div>



</p>
حرب الجبال






</div>



</p>
حرب الجبال






</div>



</p>
حرب الجبال






</div>



</p>
حرب الجبال






</div>



</p>
حرب الجبال






</div>



</p>
حرب الجبال






</div>



</p>
حرب الجبال






</div>



</p>
حرب الجبال





</div>



</p>
حرب الجبال





</div>
</div>
</div>



































</div>
وهذا هو كود ال css

رمز Code:
@charset "utf-8";
/* CSS Document */
body{

direction:rtl;
width:1000px;
background:url(images/bc.png) repeat;
height:3000px;
}
#header{
position:relative;
left:70px;
width:1000px;
height:200px;

}
.logo{
position:absolute;
margin-top:2px;
float:right;
}
.logoleft{
position:absolute;
margin-right:360px;
float:left;
}
.logoad{
position:absolute;
float:left;
margin-right:455px;
margin-top:40px;
}
#content{
left:70px;
width:1000px;
position:relative;
}
.side{
position:absolute;
bottom:2px;
width:301px;
height:100%;
}

.menu{
position:absolute;
text-align:right;
margin-top:80px;


}


.sdad{
position:absolute;
margin-top:750px;
}
.pst{
position:relative;
margin-right:310px;
text-align:center;

}

.gameimg{
margin-right:300px;
margin:10px 10px;
float:right;
color:#F00;
}
.gameimg a{
text-decoration:none;
color:#F90;
font-weight:bold;
}
#footer{
position:relative;
margin-left:90px;

}


</div></div>






أكثر...