title: Webpage is only displayed correctly in IE and not in Chrome and Firefox
body: <p>Here is my .css file. (Please bear in mind that I am a second year IT student studying Web Design 1!):</p>
  
  <pre><code>&lt;style&gt;
  
  h1 {background: #48a627;} 
  h1 {text-decoration:none;}
  h1 {font-family: Ariel, Halavetica, sans-serif;}
  h1 {color: white;}
  h1 {font-size: 50px;}
  h1 {text-align: center;}
  
  body {background-color:#48a627} 
  body {text-decoration:none;}
  body {color: black}
  body {font-family: font-family: Ariel, Halavetica, sans-serif}
  body {font-style: normal}
  body {font-size: 20px;}
  
  p {background-color: #48a627}
  p {text-decoration:none;}
  p {color: #181818}
  p {font-family: Ariel, Halavetica, sans-serif}
  
  a:link {color: #FFFFFF; text-decoration: none;}
  a:visited {color: white; text-decoration: none;}
  a:hover {color: #FF0000; text-decoration: overline underline;}
  a:active {background-color:#0d82df;}
  
  ul 
  {
   list-style-image:url('http://icons.iconseeker.com/png/32/vista-style-sport/golf-ball-   1.png');
  }
  
  &lt;/style&gt;
  </code></pre>
  
  <p>Here is my Assignment link to the .css file for my Home webpage! I have not included the rest of the code as I don't believe that is the problem. Another problem I have is that my images are supposed to display a red border around them when mouse is hovered over them. This only works in Internet Explorer and not in the other 2 web browsers specified. I have tried changing the DOCTYPE declaration, but with no success.</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;  
  &lt;head&gt;
  &lt;link rel ="stylesheet" type = "text/css" href = "D:\NMMU\Second Year\InternetProgramming 2\Assignments\Assignment 2\Assignment 2.css"&gt;                       
  &lt;/head&gt;
  </code></pre>
  
  <p>Thank you for your help. Please don't recommend using <code>&lt;div&gt;</code> or scripts or any other things because the assignment states that we are not allowed to use that. My knowledge is not so great so please be patient! Thanks.</p>
  
  <p>Here is my html code:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  
  
  &lt;title&gt;Home Page&lt;/title&gt;
  
  &lt;head&gt;
  
  &lt;link rel ="stylesheet" type = "text/css" href = "D:\NMMU\Second Year\Internet Programming 2\Assignments\Assignment 2\Assignment 2.css"&gt;
     &lt;/head&gt;
  &lt;table align = center&gt;
  &lt;tr&gt;
  &lt;td colspan = "2"&gt;&lt;img src = "http://logopond.com/logos/6f9f36e05089d690709ec2ac837ada82.png" width="400" height="344" alt = ""&gt;&lt;/td&gt;
  &lt;td&gt;&lt;img src = "http://t3.gstatic.com/images?q=tbn:ANd9GcQiNOQS9CNd9bKW92ZQDw7mh1Qjz-_XUcKRKRlsqB2ln0SyaMMg" width = "400" height = "344" alt = ""&lt;/td&gt;
  &lt;/tr&gt;
  
  &lt;tr&gt;
  &lt;td colspan = "3" align = center&gt;&lt;h1&gt; Hole In One Club &lt;/h1&gt;&lt;/td&gt; 
  &lt;/tr&gt;
  &lt;/table&gt;
  
  &lt;body&gt;
  &lt;table align = center&gt;
  &lt;tr rowspan = "4"&gt;
  &lt;td &gt;
  
      &lt;p&gt;Congratulations on your hole-in-one and welcome to the world of golf’s most prestigious achievers! Do you know that only 4% of golfers ever have the satisfaction of a hole-in-one?&lt;/p&gt;
  
      &lt;p&gt;This is the official page for the hole in one club.&lt;/p&gt;
  
        &lt;img src = "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRzV8i9tkZv04EgGB4K2MLtVQgKl7B_cLtIanbawul0Dp_iQ0TXEw" width="250" height="200" align = "left" alt=""/&gt;
  
      &lt;p&gt;We welcome all members and visitors to our website. We are a type of insureance club that offers golfers all around South Africa the oppertunity to "obtain hole in one insurance" 
     for a yearly fee of only &lt;strong&gt;R150&lt;/strong&gt;&lt;/p&gt;
  
      &lt;p&gt;The odds of a golfer achieving a hole-in-one on any specific hole on any given day are 43 000:1. That makes a hole-in-one golfer a very special and unique person!&lt;/p&gt;
   &lt;img src = "http://www.framingedge.ca/images/sports/hole-in-one.jpg" width = "400" height = "200" align = "right"/&gt;
  
      &lt;p&gt;The Hole In One Club is widely regarded as the most successful and most active society of its kind in South Africa.&lt;/p&gt;
  
     &lt;p&gt;Launched in 2013, the Society has grown steadily over the past year and has 
     rewarded a staggering 500 South African golfers for their unique achievement during this year.&lt;/p&gt;
  
      &lt;p&gt;We offer you with the prize of YOUR choice for every hole in one that you hit! To see all the prizes available please click on the link located to the right of the page.   &lt;/p&gt;
  
  &lt;/td&gt;
  
  &lt;td valign = top&gt;
      &lt;ul&gt;
          &lt;li&gt;&lt;a href = "C:\Users\THETANK\Desktop\page gallery.html"  &gt;&lt;strong&gt;Prize's Gallery&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href = &gt;&lt;strong&gt;Contact Us&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
   &lt;/td&gt;
  
  &lt;tr align = center&gt;
  &lt;td colspan = "2"&gt;
  &lt;br&gt;
  &lt;br&gt;
      &lt;font size = "6"&gt;&lt;strong&gt;Sponsorships:&lt;/strong&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  
  
  &lt;tr align = center&gt;
  &lt;td colspan = "2"&gt;
      &lt;a href = "http://www.nike.com/us/en_us/c/golf"&gt;&lt;img src = "http://www.golf-isc.co.uk/wp-content/uploads/2013/01/9abd755b_nikegolf_logo_2.jpg" width = "200" height = "100"/&gt;&lt;/a&gt;
      &lt;a href = "http://www.ping.com/"&gt;&lt;img src = "http://www.golfpitstop.com.au/Images/Brands/ping.jpg" width = "200" height = "100"/&gt;&lt;/a&gt;
      &lt;a href = "http://taylormadegolf.com/"&gt;&lt;img src = "http://sosgolf.co.za/wp-content/uploads/2013/04/taylormade.jpg" width = "200" height = "100"/&gt;&lt;/a&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  
  
  &lt;tr&gt;
  &lt;td align = center colspan = "2"&gt;&lt;a href = "s212204599@live.nmmu.ac.za" &gt;&lt;strong&gt;  &lt;italics&gt;E-Mail: Andre Smith&lt;/italics&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/body&gt;
  
  &lt;/table&gt;
  
  &lt;/html&gt;
  </code></pre>