title: Why does the default bullet appears instead of the image in my list-style-image property?
body: <p>Unfortunately, the selected image is not appearing as a marker...
  It's displaying the default disc type.
  Can you point out was is wrong with the code.
  The url pathway is right.
  Please help.</p>
  
  <p>I have cross-checked the image url several times.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>    &lt;style&gt;
      
      ul{list-style-image: url('C:\Users\Ayushi\Pictures\Saved Pictures/Bud.png');}
      
      &lt;/style&gt;
      
      &lt;ul&gt;
      
      &lt;li&gt;&lt;b&gt;Olanzapine&lt;/b&gt;&lt;/li&gt;
      
      &lt;li&gt;&lt;b&gt;Haloperidol&lt;/b&gt;&lt;/li&gt;
      
      &lt;li&gt;&lt;b&gt;Sertraline&lt;/b&gt;&lt;/li&gt;
      
      &lt;/ul&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>The image marker is not being displayed.
  Instead the default disc bullet is appearing.</p>