[Javascript] - function doesn't work properly in IE{Resolved}

[System_Error]

I've got a function that changes a dot beside navigations to a larger dot, symbolizing you are hovering over the navigation. On mouse out, the dot is suppose to change back to being small. This script works perfectly in firefox, but doesn't work correctly in IE. I'm thinking there is something wrong with my syntax, but not sure what it is:

		<script language="javascript">
			function change(name)
			{
				if((document.getElementById(name).getAttribute('src')) == "dotTWO.jpg")
				{
					document.getElementById(name).src = "dotONE.jpg";
				}
				else
				{
					document.getElementById(name).src = "dotTWO.jpg";
				}
			}
				
		</script>