html - 文字未显示

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);正在做这件事。你为什么用它？我确信有另一种方法可以在不使用它的情况下做到这一点。

编辑：刚刚看到巴里打败了我。