title: height: -webkit-calc(100% - 155px); not working in Safari
body: <p>can anybody see why this is not working in Safari? On this site <a href="http://www.transurban.co.nz/newHomePage" rel="noreferrer">http://www.transurban.co.nz/newHomePage</a> the div containing the slider has it's height calculated using height: calc(100% - 155px); It works perfectly for all browsers apart from Safari (Safari specific =  height: -webkit-calc(100% - 155px); )</p>
  
  <p>Any assistance/suggestions greatly appreciated.</p>
  
  <pre><code>  CSS
    html, body, #wrapper { height: 100%; }
  
    #headerHome {height:146px;}
    #center {
      height: 100%;
      width:100%;
      overflow: hidden;
      height: -moz-calc(100% - 155px);  
      height: -webkit-calc(100% - 155px);     
      height: calc(100% - 155px); 
    }
    .sliderBox{
      width:100%;
      height:100%;
    }
  
     HTML
  
    &lt;div id="wrapper"&gt;
          &lt;div id="headerHome"&gt;
              HEADER STUFF 
          &lt;/div&gt;
          &lt;div class="redBorder"&gt;&lt;/div&gt;
          &lt;div id="center"&gt;                
              &lt;div class="sliderBox"&gt;
                 SLIDER STUFF HERE                    
              &lt;/div&gt;                
             &lt;div class="centralWrap"&gt;
          MAIN CONTENT HERE           
            &lt;/div&gt;
         &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>