Cross browser version. How to make ie9 display everything correctly?

Question

HTML

Hello everyone, I've run into a problem. The page design is displayed correctly in all browsers, but in IE9 it does not want to, help me figure it out. And make the donkey understand everything. Here is a link to the design of d.mensk.us
Thanks in advance.

Answer 1

The font needs to be connected via @font-face, according to the idea it should help.
It is better to make a gradient through this service
Shift "optimally".
First, try adding .tovar-box ul li{position:relative;}
If it doesn't help, then

.recommend {
margin-left: auto;
left: 55px;
position: absolute;
top: -20px;
}
.tovar-box ul li .recom { 
margin: 20px 50px 2px;
}

Answer 2

To make everything normal is the only way to make it cross-browser.
Can I have a screenshot of the display in ie9?

Answer 3

Here is the screenshot of the display.

Answer 4

I don't know how to make the fonts display. and the gradient also doesn't work for some reason.