Safari CSS Hack

Below is an example of how you would hack Safari.

(Note: I hope you understand Order of Operation. Basically, CSS will override the previous CSS if you write another revision after it.)
An example:
.header {height:300px;}
.header {height:250px;}
Based upon Order of Operation you browser will assume the height of 250 pixels and ignore the 300 pixels.)

Basically what you want to do is insert this code below the class you want to over-ride. The example below will change the width from 200 pixels to 210 pixels for Safari

@media screen and (-webkit-min-device-pixel-ratio:0){.header{width:210px;height:100px;background:#000;}}

Code Example:

<html>
<head>
<style type="text/css">
@media screen and (-webkit-min-device-pixel-ratio:0){.header{width:210px;height:100px;background:#000;}} </style>
</head>
</body>>
<div class="header"></header>
</body>
</html>