#mainNav {
float: left;
margin: 0;
  padding: 0;
}
ul {
  margin: 0;
  padding: 0;
  float: left;
  width:940px;
  list-style: none;
  text-transform: uppercase;
}

ul li {
  float: left;
  background:url(images/simplegradient.jpg) no-repeat top right;
}


/* Hack to make IE/Mac play nice */
li a {
  padding: 0 2.8em;
  line-height:2.1em;
  background:url(images/simplegradient.jpg); no-repeat;
  text-decoration: none;
  color: #fff;
  float: left;
  display: block;

}

ul a:hover {
  background:url(images/wine052107.jpg) no-repeat top left ;

  color: #000;
}