title: Django MEDIA_URL and MEDIA_ROOT issue with CSS
body: <p>I'm having a very similar problem to <a href="https://stackoverflow.com/questions/5517950/django-media-url-and-media-root">this question</a> but unfortunately none of the solutions seem to be working for me. </p>
  
  <p>Essentially I have the following, really simple directory:</p>
  
  <pre><code>ulogin
   - models.py
   - tests.py
   - views.py
   - media 
     - screen.css
   - templates
     - utemplate
       - index.html
  </code></pre>
  
  <p>in my <code>settings.py</code> I have the following defined: </p>
  
  <pre><code>MEDIA_ROOT = '../compwebsite/ucode/ulogin/media'
  MEDIA_URL = '/media/'
  </code></pre>
  
  <p>and in <code>index.html</code> I have the following trying to reference <code>screen.css</code></p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt; 
      &lt;title&gt;
          YAY TITLE
      &lt;/title&gt;
      &lt;link rel="stylesheet" href="{{ MEDIA_URL }}screen.css"&gt;
  &lt;!--and it more...--&gt;
  </code></pre>
  
  <p>My <code>urls.py</code> I have the following:</p>
  
  <pre><code>from django.conf.urls import patterns, include, url
  from django.conf import settings
  from django.conf.urls.static import static
  
  if settings.DEBUG:
  # static files (images, css, javascript, etc.)
  urlpatterns += patterns('',
      (r'^media/(?P&lt;path&gt;.*)$', 'django.views.static.serve', {
      'document_root': settings.MEDIA_ROOT}))
  </code></pre>
  
  <p>No matter what I do, I can't get the reference to the <code>screen.css</code> to work. I'm really uncertain of how to fix this based on the other questions here on the site. Thank you so much and let me know if you need more info!</p>