Picture wont load into div when using Flask
<p>I am creating a single page application but my #mainPicture will not load in the div its suppose to. This is where I am calling it in my <strong>index.html</strong>:</p>

<pre><code>&lt;body&gt;

&lt;div id="mainPicture"&gt;
    &lt;div class="picture"&gt;
        &lt;div id="headerTitle"&gt;Places I've Been&lt;/div&gt;
        &lt;div id="headerSubtext"&gt;A Blog About My Travels&lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>This is my code for linking stylesheet:</p>

<pre><code>&lt;link rel= "stylesheet" type= "text/css" href= "{{ url_for('static', filename='css/theme.css') }}"&gt;
</code></pre>

<p>And this is the CSS for it in my <strong>theme.css</strong>:</p>

<pre><code>#mainPicture
{
    width:670px;
    height:497px;
    background-color:#FFFFFF;
}

#mainPicture.picture
{
    position:relative;
    width:650px;
    height:487px;
    top:10px;
    background-image:url(hudson1.jpg);
    background-repeat:no-repeat;
    margin-left:10px;
}
</code></pre>

<p>It just shows up as a white space the size of the picture. I am using CMDER to run my webpage. The image hudson1.jpg is in the same folder as the theme.css also but it wont show it up in the div.</p>

<p>Any help would be great.</p>