title: Apply css properties depending on which browser is used
body: <p>I want to apply different css properties depending on which browser is used, 
  If browser is Firefox version 4.0 use this code:</p>
  
  <pre><code>.lastnews-Col {
      height: 360px;
      margin-bottom: 5px;
      overflow: hidden;
      padding: 5px;
      position: relative;
  }
  </code></pre>
  
  <p>If browser is not Firefox version 4.0 apply this css property :</p>
  
  <pre><code>.lastnews-Col {
      height: 350px;
      margin-bottom: 5px;
      overflow: hidden;   
  }
  </code></pre>
  
  <p>How can this be done?</p>