title: CSS3 Rounded Box and Shadow Issue
body: <p>Following is my part of html code...</p>
  
  <p><strong>Html Code:</strong></p>
  
  <pre><code>&lt;div class="fotter" &gt;
  &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;Copyright&amp;copy;2012                        
  &lt;span style=" float:right;"&gt;
  &lt;strong&gt;Privacy Policy&lt;/strong&gt;&amp;nbsp;&amp;nbsp;                
  &lt;strong&gt;Contact Us&lt;/strong&gt;&amp;nbsp;&amp;nbsp;                
  &lt;strong&gt;Edumemn&lt;/strong&gt;&amp;nbsp;&amp;nbsp;
  &lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and</p>
  
  <p><strong>CSS Code:</strong></p>
  
  <pre><code>.fotter{
  padding:10px 0 5px 0;
  margin:0 auto; margin-bottom:10px;
  background-image:url(../img/fotter.jpg);
  background-repeat:repeat-x;
  height:30px; width:1037px;
  border:0;
  outline:0;
  float:left; font-family: Verdana, Geneva, sans-serif; font-size:12px;   
  border-bottom-right-radius:5px;
  border-bottom-left-radius:5px;
  box-shadow: 0px 1px 2px #000;
  -webkit-box-shadow: -1px 0px 2px #000;
  -moz-box-shadow: 0px 5px 2px #000;
  }
  </code></pre>
  
  <p>and this is my website link..http://nerflek.net/PSD TO HTML/</p>
  
  <p>My questions is.. In Firefox It's show rounded box with shadow in footer part. BUT in Internet Explorer 8 It's Doesn't show any shadow or rounded box.</p>
  
  <p>Is there any one help me about this.<br>
  Thanks in Advance :-) </p>