title: Show background image that repeats on y axis?
body: <p>This is a relatively small project that I've been working on however it's driving me insane...</p>
  
  <p>I'm trying to port my original website (which was done completely in Dreamweaver, HTML) to a Visual Studio 2013 ASP.NET project where I can add databases, login's etc. for an assignment I have.</p>
  
  <p>The main problem I have is the fact that my CSS code does not want to do what I tell it to do in terms of the layout. </p>
  
  <p>I've tried completely remaking the website entirely step by step, making sure each aspect works correctly before moving on to the next.</p>
  
  <p>This is what my original website looks like:
  <a href="http://i.stack.imgur.com/sxfeg.png" rel="nofollow">http://i.stack.imgur.com/sxfeg.png</a></p>
  
  <p>(Original HTML + CSS) <code>https://gist.github.com/anonymous/7ed94218f9374d41918e</code></p>
  
  <p>Now, I used a template a long time back in order to get this design and I've experimented to see which CSS code affects the layout and found that the tag <code>main_container</code> (line 13 of the HTML gist) controls the white background of the website. </p>
  
  <p>So if I remove the tag, this will happen: <a href="http://i.stack.imgur.com/BFNLE.png" rel="nofollow">http://i.stack.imgur.com/BFNLE.png</a> </p>
  
  <p>^ This is important in my problem.</p>
  
  <p>When porting over my website, I copied across all the code correctly and adapted it to ASP. (See Gist: <code>https://gist.github.com/anonymous/9c09befeb8950f4c1416</code>) </p>
  
  <p>However, in doing so, I encountered a problem where the CSS code for the <code>main_container</code> was not being used correctly. </p>
  
  <pre><code>#main_container{
      width:977px;
      background:url(center_bg_repeat.gif) repeat-y center;
  </code></pre>
  
  <p>The image was not being repeated on the y axis like on the original website and here's the result: <code>http://i.stack.imgur.com/E4TZU.png</code></p>
  
  <ul>
  <li>Have I got the syntax wrong? Or what is wrong with my code?  </li>
  <li>I've    placed all the images in the same folder as the CSS file for 
  convenience.</li>
  <li>Is this a problem with Visual Studio 2013 or am I doing something
  fundamentally wrong?</li>
  <li>Is there perhaps another way to port    this same design without
  causing so many problems?</li>
  </ul>