CSS on safari and mobile ?

Hi there. I'm using Mal's fiverr script.

I do not have any problem viewing with firefox. It's 100% what i want. But I noticed when i view it with safari my search button image was out of way and so is my footer text.

i even tried if browser is safari. i set search button image -10px on top it doesnt move at all. any ideas? my site is getfeat.com

Please do not register. It is not a live site yet until everything is fixed. thanks

 

I dont think i can use <!--[if safari]> ?

Is there any other way to read if user is using safari? then it will use style.safari.css on my side.

 

There are ways of targeting CSS at Safari only by using PHP or JavaScript but I wouldn't recommend it.

If your CSS has problems in Safari or Chrome but not in any other browser then the problem doesn't lie with these browsers but with your code.

Instead of the searchbutton css class as so:

.searchbutton
{
    position: absolute;
    margin-top:0px;
	margin-left:19px;
	z-index:100;
}

Code (markup):

Try this:

.searchbutton
{
    position: absolute;
top : 0;
left : 170px;
	
}

Code (markup):

 

May be you can use style = float:right to the your button.

 

You code works! Thanks alot! i've no idea about my footer text. Do you have other solution? thanks alot!