#learnCart {
 display: block; 
 width: 635px; 
 height: 350px; 
 background: transparent url('/img/6ftcart/6ft.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#hotWater {
 width: 50px;
 height: 85px;
 top: 115px;
 left: 238px;
}

#learnCart a#sink {
 width: 130px;
 height: 220px;
 top: 50px;
 left: 110px;
}

#learnCart a#drawer1 {
 width: 135px;
 height: 45px;
 top: 50px;
 left: 230px;
}

#learnCart a#refridgerator {
 width: 150px;
 height: 145px;
 top: 80px;
 left: 355px;
}

#learnCart a#cupHolder {
 width: 140px;
 height: 35px;
 top: 42px;
 left: 370px;
}

#learnCart a#freshWater {
 width: 70px;
 height: 125px;
 top: 95px;
 left: 290px;
}

a#hotWater:hover, a#sink:hover, a#drawer1:hover, a#refridgerator:hover, a#cupHolder:hover, a#freshWater: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;
 z-index: 2;
}

#learnCart a#hotWater span {
 top: 160px;
 left: -125px;
}

#learnCart a#sink span {
 top: 225px;
 left: 3px;
}

#learnCart a#drawer1 span {
 top: 225px;
 left: -117px;
}

#learnCart a#refridgerator span {
 top: 195px;
 left: -242px;
}

#learnCart a#cupHolder span {
 top: 233px;
 left: -257px;
}

#learnCart a#freshWater span {
 top: 180px;
 left: -177px;
}

#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;
}


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