Help with CSS IE vs Firefox
I am new to web developing , especially to separate CSS to Firefox and separate for IE7. So here is a thing that I am stuck with , I tried mostly everything , but seems like one browser renders the web page differently then the other.
So I have those two classes , the .inputsearch is the search box , obviously , and the searhbtn is the button.
margin: 0 0 1em 0;
background:url('resources/images/searchbackground.png') no-repeat right center;
font-family: times, Times New Roman, times-roman, georgia, serif;
So here is a screenshot how it looks in IE7 :
and how it looks in Firefox:
Any help would be appreciated.
Try just using :
on both. Remove the negative padding
Bitter web veteran
Your line-height versus height + padding all over the place will cause you problems. Strip it right back with a decent reset, set a good vertical rhythm and apply minimal spacing on the form.
Explore using input type image instead of background image on submit inputs.
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)