#learnCart {
 display: block; 
 width: 635px; 
 height: 395px; 
 background: transparent url('/img/melitta/melitta.jpg') no-repeat 50% 20%; 
 position: relative; 
 border-top: 2px dotted #eee;
 z-index: 1;
 margin: 0 auto;
}

#learnCart dt {
 display: none;
}

#learnCart a span {
 display: none;
}

#learnCart a {
 position: absolute;
 display: block;
 text-decoration: none;
 cursor: default;
}

#learnCart a#plasma {
 width: 80px; 
 height: 80px; 
 top: 80px; 
 left: 185px;
}

#learnCart a#oakTrim {
 width: 18px;
 height: 120px;
 top: 195px;
 left: 297px;
}

#learnCart a#brewer {
 width: 103px;
 height: 60px;
 top: 120px;
 left: 310px;
}

#learnCart a#sink {
 width: 45px;
 z-index: 10;
 height: 30px;
 top: 150px;
 left: 405px;
}

#learnCart a#speaker {
 width: 30px;
 height: 27px;
 top: 75px;
 left: 330px;
 z-index: 5;
}

#learnCart a#shelf1 {
 width: 70px;
 height: 20px;
 top: 180px;
 left: 115px;
}

#learnCart a#shelf2 {
 width: 95px;
 height: 18px;
 top: 195px;
 left: 215px;
 z-index: 2;
}

#learnCart a#shelf3 {
 width: 75px;
 height: 20px;
 top: 168px;
 left: 440px;
}

#learnCart a#pastryCase {
 width: 65px;
 height: 100px;
 top: 185px;
 left: 185px;
}

#learnCart a#logo1 {
 width: 65px;
 height: 53px;
 top: 17px;
 left: 375px;
 z-index: 5;
}

#learnCart a#logo2 {
 width: 30px;
 height: 33px;
 top: 210px;
 left: 158px;
}

#learnCart a#logo3 {
 width: 45px;
 height: 45px;
 top: 225px;
 left: 252px;
}

#learnCart a#logo4 {
 width: 55px;
 height: 60px;
 top: 217px;
 left: 315px;
}

#learnCart a#logo5 {
 width: 30px;
 height: 40px;
 top: 200px;
 left: 443px;
}

#learnCart a#awning {
 width: 335px;
 height: 55px;
 top: 45px;
 left: 145px;
}

a#plasma:hover, a#oakTrim:hover, a#brewer:hover, a#sink:hover, a#speaker:hover, a#shelf1:hover, a#shelf2:hover, a#shelf3:hover, a#pastryCase:hover, a#logo1:hover, a#logo2:hover, a#logo3:hover, a#logo4:hover, a#logo5:hover, a#awning:hover {
 border: 2px solid red;
}

* #learnCart a:hover span {
 display: block;
 color: #000;
 background: #fff;
 position: absolute;
 border: 2px solid #eee;
 padding: 5px;
 width: 375px;
 height: 85px;
 z-index: 3;
}

#learnCart a#plasma:hover span {
 top: 230px;
 left: -68px; 
}

#learnCart a#oakTrim:hover span {
 top: 115px;
 left: -180px;
}

#learnCart a#brewer:hover span {
 top: 190px;
 left: -193px;
}

#learnCart a#sink span {
 top: 160px;
 left: -288px;
}

#learnCart a#speaker span {
 top: 235px;
 left: -213px;
}

#learnCart a#shelf1 span {
 top: 130px;
 left: 2px;
}

#learnCart a#shelf2 span {
 top: 115px;
 left: -98px;
}

#learnCart a#shelf3 span {
 top: 142px;
 left: -323px;
}

#learnCart a#pastryCase span {
 top: 125px;
 left: -68px;
}

#learnCart a#logo1 span {
 top: 293px;
 left: -258px;
}

#learnCart a#logo2 span {
 top: 100px;
 left: -41px;
}

#learnCart a#logo3 span {
 top: 85px;
 left: -135px;
}

#learnCart a#logo4 span {
 top: 93px;
 left: -198px;
}

#learnCart a#logo5 span {
 top: 110px;
 left: -326px;
}

#learnCart a#awning span {
 top: 265px;
 left: -28px;
}

#learnCart h1 {
 color: black;
 font-family: sans-serif, "Trubechet MS";
 font-size: 12pt;
 margin: 0;
 padding: 0;
 background: transparent;
}

#learnCart p {
 color: black;
 font-family: sans-serif, Verdana, sans-serif;
 font-size: 8pt;
 padding: 0;
 margin: 5px;
}


/* IE pre IE6 */
* html #learnCart a:hover span {
  width:400px; w\idth:388px;
  }