TIFF format not working with CSS

The image (logo.tiff) will not display when defined in the CSS file and called in the Index file.

However, when I save it in another format, such as gif or jpeg, it works just fine. Is there a reason or a workaround for this?

Thanks guys.

CSS file:

.logo{
    float:left;
    overflow:hidden;
    text-indent:-9999px;
    background:url(../images/logo.tiff) no-repeat;
    width:218px;
    height:103px;
}

Index.html file:

<h1 class="logo"><a href="#"&开发者_StackOverflow社区gt;Our Slogan Here</a></h1>

TIF files re not supported in Web Browsers