HTML 및 CSS 디자인의 이상한 공간 - 제거 할 수 없습니다

Question

나는 CSS & html로 디자인을 만들고 있습니다. 하지만 너비가 100 %가되는 상자는 오른쪽으로 추악한 공간을 남깁니다. 나는 이것이 무엇을 일으키는 지 전혀 모른다.

너비가 100 % 인 div 태그를 # view1이라고합니다. 나는 이제 한 시간 이상이 문제에 붙어 있었어요로

http://jsfiddle.net/zBpAE/

#view1 { 
    border: 1px solid #000; 
    min-height: 300px; 
    padding: 0; margin: 0; 

}

<div id="view1"> 
        Choose the option suiting you best 
      </div> 

나는 당신의 도움을 주셔서 감사합니다 정말 것입니다.

Answer 1

<div id='first'></div>에서 padding: 20px;을 제거

이

#first { 
     width: 100%; 
     min-height: 200px; 
     text-align: center; 
     background: url('images/background1.png') #99307f no-repeat; 
} 

Answer 2

첫 번째 DIV (#first) 폭이 100 % 패딩 : 25 픽셀 윈도우의 폭보다 더 큰 폭의 결과 ...을 제거 ... 있음 padding 또는 set box-sizing : border-box;