title: CSS Absolute Position Not Positioning a Button
body: <p>Good morning!</p>
  
  <p>I have a background image that I am trying to place some text and some buttons. I can place the text (only using padding it seems) but cannot get my button to place correctly. I've tried dozens of different workarounds but can't get anything to work. Any help is much appreciated!</p>
  
  <p>The page: <a href="http://tradecaptain.com/nlp" rel="nofollow">http://tradecaptain.com/nlp</a>
  My css/html. Its not pretty. I'm just learning. The broken css id is .video at the end of the code.</p>
  
  <pre><code>&lt;style type="text/css"&gt;
  .outer {
  position: relative;
  background: url(/images/LandingPageTopBlend.png);
  width: 960px;
  height: 300px;
  }
  .Line1 {
  line-height: 10px;
  padding-top: 50px;
  text-align: center;
  font-size:26px;
  font-family:Verdana;
  font-weight: bold;
  color: #fff;
  }
  .Line2 {
  text-align: right;
  padding-right: 45px;
  padding-top: 15px;
  font-size:10px;
  font-family:Verdana;
  font-weight: bold;
  color: #fff;
  }
  .Line3 {
  line-height: 10px;
  text-align: left;
  padding-left: 45px;
  padding-top: 30px;
  font-size:26px;
  font-family:Verdana;
  font-weight: bold;
  color: #fff;
  }
  .video {
  display: block;
  position: absolute;
  top: 260px;
  left: 100px;
  }   &lt;/style&gt;
  &lt;div class="outer"&gt;
  &lt;div class="Line1"&gt;&lt;h1&gt;The Simple Way to Trading Profit&lt;/h1&gt;&lt;/div&gt;
  &lt;div class="Line2"&gt;&lt;h1&gt;trading forex stocks commodities futures&lt;/h1&gt;&lt;/div&gt;
  &lt;div class="Line3"&gt;&lt;h1&gt;The TradeMap. Trade like a pro.&lt;/h1&gt;&lt;/div&gt;
  &lt;div id="video"&gt;
  &lt;a href="http://www.youtube.com/watch?v=-DYkSNur2Rc" rel="lightvideo"&gt;&lt;img alt="How to Trade Video" src="/images/WatchVideo.png" style="width: 136px; height: 34px;" /&gt;&lt;/a&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>