internet explorer - Onmouseover IE issues -

I am creating a website for a working friend, obviously I have limited knowledge and experience so I 'm here Asking for help.

I'm not sure that I have an .js file or Css file is required, to work on-homeover; Now I'm totally out of ideas.

  & lt ;! Doctype html public "- // w3c // dtd html 4.0 transitional // en" & gt; & Lt; Html & gt; & Lt; Top & gt; & Lt ;! - Change the next three rows - & gt; & Lt; Title & gt; Parkley Visual Arts & lt; / Title & gt; & Lt; Meta name = "description" content = "parky visual arts. Graphic design and art" & gt; & Lt; Meta name = "main word" content = "graphic design, graphic art, frame picture, frame photos, photography, lemington arts, lemington graphics, leamington design, warwickshire graphic arts" & gt; & Lt ;! - Change the above three rows - & gt; & Lt; Meta http-equiv = "content-type" content = "text / html; charset = ISO-885 9-1" & gt; & Lt; Meta name = "copyright" content = "Copyright 2013 Parkley Visual Arts" & gt; & Lt; META http-equiv = "content-language" content = "N" & gt; & Lt; Meta name = "test again" content = "15 days" & gt; & Lt; Meta name = "robots" content = "index, follow" & gt; & Lt; Meta name = "rating" content = "normal" & gt; & Lt; Meta name = "robot" content = "all" & gt; & Lt ;! - InstAssBeginAditableName = "Head" - & gt; & Lt ;! - InstantAdit - & gt; & Lt; Link rel = stylesheet href = "corporatestyle.css" type = "text / css" media = "screen" & gt; & Lt; Script language = "javascript" src = "javascripts.js" & gt; & Lt; / Script & gt; & Lt; Script language = "javascript" src = "pop-closeup.js" & gt; & Lt; / Script & gt; & Lt; Script type = "text / javascript" & gt; Window.onload = function () {"strict experiment"; Weir Minilogo, Ivevinkar, Lichmore; Minilogo = document.getElementById ('Minilogo'); Eyewinker = Document. Gate Element BIID ('Ivinker'); Minilogo.Anmouseover = function () {Minilogis RRC = 'Minilogo. Gif '; }; Iwinker.ommoverover = function () {TW.src = 'iwinker .gif'; }; Minilogo.mammoutout = function () {Minilogo. RC = 'Minilogo. Gif '; }; Ivinker.ommouseout = function () {Ivinkar. RC = 'Ivinkar. Gif '; }; }; If (Browser == "Microsoft Internet Explorer") {countryListItem.attachEvent ('onmouseover', sp.showPanel ('items' + X), false); } And {countryListItem.addEventListener ('mouseover', sp.showPanel ('items' + x), false); } Function swapImage (imgID, imgSrc) {var theImage = document.getElementById (imgID) theImage.src = imgSrc; } Function preloadImages () {for (var i = 0; i & lt; arguments.length; i ++) {var tmpImage = new image (); TmpImage.src = argument [i]; }} & Lt; / Script & gt; & Lt; / Head & gt; & Lt; Body onload = "preload images ('iwinker gif');" & Gt; & Lt; Div style = "text-align: center;" & Gt; & Lt; Center & gt; & Lt; A href = "http://www.parkleyvisualarts.com/construction.htm" & gt; & Lt; Img id = "minilogo.gif" alt = "animated GIF" onmouseover = "SwapImage ('imgToSwap', 'Eyewinker.gif')" On-Houseout = "Swap Image ('IMGTOscape', 'Minilogo. Gif ') "/> & Lt; / A & gt; & Lt; / Div & gt; & Lt; / Body & gt; & Lt; / Html & gt;    
 
 
 If you are new to it, then you might try to avoid verbose javascript You should, because it will be difficult for you to manage. Instead, I encourage you to start an image code such as  onmouseover  and  onmouseout  instead, consider the following:  
  & Lt ;! DOCTYPE html & gt; & Lt; Html & gt; & Lt; Top & gt; & Lt; Meta charset = "UTF-8" & gt; & Lt; Title & gt; Hover-fading button & lt; / Title & gt; & Lt; Base href = "http://parkleyvisualarts.com/" / & gt; & Lt; Style & gt; Img.logo {width: 300px; Height: 300px; Display area; Margin: 0 auto; } & Lt; / Style & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt; Img src = "Minilogo.gif" class = "logo" onmouseover = "this.src = 'iwinker gif'" onmouseout = "this.src = 'minlogf. Gif'" /> & Lt; / Body & gt; & Lt; / Html & gt;