Safari Conditional CSS

Question

How can I add css to be only read by safari? bascially a div needs moving 5pixels to the left, as it shows fine on ff/ie etc

Thanks

EDIT - added code

code:

#subheading
{
background-color: #004376;
color: #ffffff;
height: 25px;
padding: 10px;
margin: 0 933px;
margin-top: -25px;
width: 761px; 
}

Answer 1

you can have a check for a specific css property in webkit. This would likely work in chrome as well.

@media screen and (-webkit-min-device-pixel-ratio:0) {
        .someClass{
            color:#FF0000;
        }
    }

Answer 2

Found this:

http://dustinbrewer.com/css-hackgetting-safari-to-behave/

There's a little javascript involved, though. Did you using -webkit CSS?

Answer 3

margin: 0 933px;
margin-top: -25px;
width: 761px;

This doesn't sound right. The first line sets both left and right margin to 933px. And the width is 761px. The total width of the element would be (933 * 2 + 10 * 2 + 761) = 2647px.

Is this what you want it to be?