Image Swapping Im new to coding could use some advice

[calebandchels]

So this code won't swap the images im using when i pull it up in IE but it will work in firefox any way to fix this...I am new to coding so if you can explain why it doesnt work I would really appreciate it!

Caleb

		
		<div id="leftnav">
			<ul>
				<li><a href="home.html"><img src="home1.gif"
				                             onMouseOver="document.homeb.src='home2.gif';" 
											 onMouseOut="document.homeb.src='home1.gif';" 
				                             id="homeb"
				                             alt="home1"											 ></a></li>
				<li><a href="striping.html"><img src="striping.gif"
				                              alt="striping"
											  id="striping"
											   onMouseOver="document.striping.src='striping2.gif';" 
											   onMouseOut="document.striping.src='striping.gif';" ></a></li>
				<li><a href="design.html"><img src="design.gif"
				                             alt="design"
											 id="design"
											 onMouseOver="document.design.src='design2.gif';" 
											 onMouseOut="document.design.src='design.gif';" ></a></li>
				<li><a href="lettering.html"><img src="lettering.gif"
				                                alt="lettering"
												id="lettering"
											    onMouseOver="document.lettering.src='lettering2.gif';" 
											    onMouseOut="document.lettering.src='lettering.gif';" ></a></li>				
				<li><a href="contact.html"><img src="contact.gif"
				                                alt="contact"
												id="contact"
												onMouseOver="document.contact.src='contact2.gif';" 
											    onMouseOut="document.contact.src='contact.gif';" ></a></li>				
			</ul>
		</div>

[rougeress]

onMouseOver="document.getElementById('homeb').src='home2.gif';" 										 onMouseOut="document.getElementById('homeb').src='home1.gif';"

homeb. gets the name (name="homeb")

[calebandchels]

I got it figured out thank you.

[ok91001]