배경 이미지에 왼쪽 여백 넣기

저는 CSS가 더 신선합니다. 내가하려는 것은 HTML로 배경 이미지를 놓고 싶다. 내 의도는 200 픽셀의 배경 이미지에 여백을두고 싶습니다. 내 코드는 다음과 같이 공유 또는이 jsfiddle에서 확인할 수 있습니다 http://jsfiddle.net/benmore/D5sNs/배경 이미지에 왼쪽 여백 넣기

<style type="text/css"> 

     body{ 
      margin-left:200px; 
      background:#5d9ab2 url(https://lh5.googleusercontent.com/-ZBLYo1oD6bM/UHox3oBICxI/AAAAAAAAAgo/yCg6TcxLeC4/s358/img_tree.png) no-repeat top left; 

     } 

     .container { 
      text-align:center; 
      width: 100px; 
     } 


    </style> 
    <title></title> 
</head> 
<body class="homepage"> 
    <div class="container"> 
     test 
    </div> 

</body>

내 유일한 문제는 배경이 왼쪽으로 닫혀 머물고있다. 페이지의 왼쪽 가장자리에서 200 픽셀이 시작되도록하려면 어떻게해야합니까? 에

출처

2012-10-14 Sarun Sermsuwan