html - Div not showing correctly in FF or IE -

I am working on a website in which I have created divs to be clickable on a home page and An image background is

The homepage displays the Opacity Debit correctly behind the text in Chrome, but in Firefox and Internet Explorer you can not see the ambiguity divisor and the text is at the top of the div.

> & lt; Div id = "main" class = "site"

This is because your background container is using the vendor-specific prefix style -WebKit-Gradient will ignore FF and IE this question () will give you all the vendor prefixes needed to properly implement the gradient.