I have set the background of a div header to my gif animation, but it is not working on a windows phone, not sure about other devices yet. But works ok on a pc. My gif file is 45.3kb

What other method could I use to allow the animation to work on a windows phone and other devices.

Code:
#header { width: 900px; height: 166px; background-image: url("images/logo.gif"); background-repeat: no-repeat; }
#navbartop { text-align: center; height: 38px; padding-top: 128px; border: 0px solid blue; }
#navbartop img { margin: 0px 0px 0px 15px; }
Code:
<div id="header">
	<div id="navbartop">
		<a href="index.php" title="Home"><img alt="Home" title="Home" height="38" src="images/<? if ($activePage=="home") {?>homeA.png<? } else { ?>home.png<? } ?>"></a>
		<a href="about.php" title=""><img alt="About Us" title="About Us" height="38" src="images/<? if ($activePage=="about") {?>aboutA.png<? } else { ?>about.png<? } ?>"></a>
	</div>
	<div style="clear: both; line-height: 0px; margin: 0px;"></div>
</div>