title: What is the best way to override an existing CSS table rule?
body: <p>We're using a template for joomla where creators defined the rule in constant.css</p>
  
  <pre><code>table   
  {
    border-collapse:collapse; 
    border:0px; 
    width:100%;
  }
  </code></pre>
  
  <p>When I need my own table with a custom params (width, border and so on), a nightmare begins. If I use general html params, they don't work since css rules are more important (CMIIW). If I use style= param, I suppose I can't control how the table looks for IE up to 7 inclusive. </p>
  
  <p>So is there a general approach to work around this or I just need to comment the rule (as I already did). </p>
  
  <p>And also, am I right if I say that creators of joomla templates should not define such general rules as width:100% by default? I mean if they don't want users of their template to complain. </p>