title: css background-image not displaying
body: <p>I have the following code on home page:</p>
  
  <pre><code>&lt;ul id="slides1"&gt;
  &lt;li&gt;
  &lt;!-- About--&gt;
  &lt;a href="index.html"&gt;&lt;div class="logo"&gt;&lt;/div&gt;&lt;/a&gt;
  &lt;div class="sub1"&gt; &lt;/div&gt;
  &lt;a href="#" style="display:block;"&gt; &lt;img src="images/nadpisi/about.png" class="nadpis1"&gt;&lt;/a&gt;
  &lt;img id="i1" src="images/MiddleBg/first.jpg"/&gt;
  &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Here I have logo in class=logo and div class sub1 has background image in css file:</p>
  
  <pre><code>.sub1{
    background-image: url(../images/sub1/about.png);
    width: 600px;
    height: 100px;
    position: absolute;
    z-index: 7;
    top: 270px;
    margin-left: 490px;
    background-repeat: no-repeat; 
    }
    .logo {
      background-image: url(../images/LOGO.png);
       width: 229px;
       height: 129px;
       background-repeat: no-repeat;
       position: absolute;
       z-index: 10;
       top: 80px;
       margin-left: 490px;
       }
  </code></pre>
  
  <p>When I open the page with Chrome, both these logo and sub1 background images are not displayed but image after them does display, but when I go to browser`s address bar and press Enter they display. What is the problem, can anyone help?</p>