margin-right и margin-left не слетают

[z13]

решил сделать две картинки по краям сайта в блоках.

<div id="lv"></div><div id="rv"></div>

когда использую только margin-left в блоках то все работает, но кривовато.

а если использовать margin-right и margin-left они слепляются влево друг на друга.(пробовал в хроме и в файрфоксе)

#lv
{
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow:hidden;
   background-image: url('../images/lv.png'); 
   background-repeat: no-repeat;
    margin-top: 10%;
   margin-left: 1%
}
#rv
{
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  overflow:hidden;
   background-image: url('../images/rv.png'); 
   background-repeat: no-repeat;
   margin-top: 10% ;
   margin-right: 4%
}

что посоветуете?

[ShumNo]

посоветую вместо margin-left: использовать просто left

Edited December 18, 2011 by ShumNo

[z13]

попробовал не помогло((

хеех дело в ширине оказалось... хотя странно вроде бы разные z-index...