텍스트가 표시되지 않습니다.

Question

http://i.imgur.com/xEUo3.png 노란색 상자에 텍스트를 표시하려고합니다. 그러나 나는 그것이 작동하지 않는 이유를 파악할 수 없다.

사용하는 코드입니다. 그것은 단지 노란색 상자에 있습니다. 작동하지 않습니다. 당신은 텍스트가 나타납니다을 삭제하면

<div id="Header"></div> 
    <div id="Main"> 
    <ul id="MenuBar1" class="MenuBarHorizontal"> 
    <li><a href="#">Startsida</a></li> 
    <li><a href="#">Medlemmar</a></li> 
    <li><a href="#">Galleri</a></li> 
    <li><a href="#">Forum</a></li> 
    <li><a href="#">Kontakt</a></li> 
    </ul> 
    <div id="Start">Textytexttext</div> 
</div> 
<div id="Footer"></div> 



@charset "utf-8"; 

#Header { 
    background-color: #F00; 
    height: 200px; 
    width: 1000px; 
    margin: auto; 
} 


#Main { 
    background-color: #0C0; 
    height: 700px; 
    width: 1000px; 
    margin: auto; 
} 
#Start { 
    background-color: #FF0; 
    width: 990px; 
    height: 690px; 
    position: absolute; 
    clip: rect(46px,auto,auto,10px); 
} 
#Footer { 
    background-color: #666; 
    height: 20px; 
    width: 1000px; 
    margin: auto; 
} 

Answer 1

그것은이 스타일 clip: rect(46px,auto,auto,10px); 함께 할 수 있습니다. 이 jsFiddle을 참조하십시오.

Answer 2

이 작업을 수행하는 것은 clip: rect(46px,auto,auto,10px);입니다. 왜 그것을 사용하고 있습니까? 이 방법을 사용하지 않고도 다른 방법이있을 것이라고 확신합니다.

편집 : Barry가 나를 쳐다 봤습니다.