How to set the position for a specific browser?

Question

css

Hello everyone, I have a question for you:
In my IE browser, my site is displayed normally, but in the opera the title has shifted slightly down.
How can I fix it? I tried to do this, but it didn't work:

#main_title{
position: absolute;
left: 40px;
top: 10px;
color: white;
-o-top: 0px;
font-family: "Verdana";
font-size: 20pt;
}

How to fix?

Answer 1

* {margin: 0; padding: 0} is a solution. Paste CSS at the beginning and enjoy life.

Answer 2

Reset the styles first with Reset CSS. Then write styles.

Answer 3

O brave new world!
To get started, read something like browser (vendor) prefixes
Write browser versions in which you watch all this
show more code here it is too small to draw any conclusions

Answer 4

A classic of the genre: first make it work in browsers (Chrome/FF/Opera), then insert crutches for IE using conditional commments.

Answer 5

Remove -o-top

Answer 6

To start, update

*{box-sizing:border-box;
margin:0;
padding:0;
border:0;
text-decoration:none;
}

2nd advice, knowing I before that, I saved a lot of time. Don't use px for the font.
3rd php agent... the script can be found.. and to def. browser your script, and glue them together.

Answer 7

I bet the parent doesn't have position: relative