White box keeps appearing over list items in design view, I want to know why ?

Question

In my footer area, I have 4 vertical lists that act as my sitemap links, but when I hover over them in design view the entire list gets replaced with a white box and then when I move my mouse away the white box disapears and the list shows again. This does not happen in live view but I would like to know why it does that, or if this will happen when the site goes live, or it just a design view bug.
thank you for any help
<ul class="SiteMapLinks">
<li>
<h3>Your Account</h3>
</li>
<li><a title="My Account" href="/my-account/">My Account</a></li>
<li><a title="Track Repair Status" href="/repair-status/">Track Repair Status</a></li>
<li><a title="Protection Plans" href="/protection-plans/">Protection Plans</a></li>
<li><a title="Schedule Appointment Portal" class="track_portal_link" href="replace" target="_blank">View My Appointments</a></li>
<li><a title="Warranties" class="track_portal_link" href="replace" target="_blank">Manage Warranties</a></li>
<li><a title="Remote Login" class="track_outgoing_link" href="replace" target="_blank">Remote Login</a></li>
</ul>
.SiteMap {
margin-top:450px;
padding-top:25px;
margin-left:auto;
margin-right:auto;
width:1050px;
color:#FFF;
height:200px;
background-color: #4695CD;
padding-left: 25px;
padding-right: 25px;
border-top: 1px solid black;
.SiteMapLinks {
float:right;
min-width:70px;
margin-left:28px;
.SiteMap ul {
list-style:none;
padding:0;
.SiteMap a { color:#FFF; }

Answer 1

This is all my CSS
/*** Global Settings *************************************************/
body {
/*Box Model*/
margin: 0;
padding: 0;
font-family:Verdana, Arial, sans-serif;
font-size:76%;
line-height:1.6;
color:#4b4c4d;
a {
color:#db6719;
text-decoration:none;
a:hover {
color:#db6719;
text-decoration:underline;
.justify {
text-align: justify;
color: #000;
.testimonial {
font-family: Georgia, "Times New Roman", Times, serif;
text-align: center;
.LeftColumnHeading {
font-family: BatmanForeverAlternate;
text-transform: capitalize;
color: #FFF;
font-size: 36px;
#Wrapper #LeftColumn p { text-align: justify; }
ul, ol {
margin:0;
padding:0 0 1.6em 2.5em;
/*** Headings  *************************************************/
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
text-transform:uppercase;
h1 {
font:36px/1.0em Verdana, Arial, sans-serif;
padding:14px 0 30px 0;
color:#000;
.nofontface h1 { font-weight:bold; }
h2 {
font:18px/1.0em Arial, sans-serif;
padding:0 0 10px 0;
color:#db6719;
h3 {
font:15px/1.0em 'BatmanForeverAlternate',Verdana, Arial, sans-serif;
padding:0 0 8px 0;
color:#fff;
.nofontface h3 { font-weight:bold; }
h4 {
font:16px/1.0em Arial, sans-serif;
padding:0 0 8px 0;
h5 { font:12px/1.0em Verdana, Arial, sans-serif; }
.nofontface h5 { font-weight:bold; }
h6 { font:13px/1.0em Verdana, Arial, sans-serif; }
/*** Commonly Used Styles  *************************************************/
/***Wrapper  *************************************************/
#Wrapper {
/*Box Model*/
position: relative;
height: 1200px;
width: 1100px;
margin: auto;
/*Layout*/
background-color: #FFF;
border: 1px solid #F0F0F0;
/***Topbanner  *************************************************/
#TopBanner {
/*Box Model*/
height: 40px;
width: auto;
margin:auto;
/*Layout*/
  background-color: #2783C4;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #226FA8;
#Home {
/*Box Model*/
float: left;
height: 30px;
width: auto;
/*Presentation*/
  color: #FFF;
font-size: 16px;
background-color: #2783C4;
margin-left: 5px;
margin-top: 4px;
#PhoneNumber {
/*Box Model*/
float: right;
height: 32px;
padding-top: 3px;
padding-right: 5px;
/*Presentation*/
color: #FFF;
font-size: 15px;
background-color: #2783C4;
width: 230px;
font-weight: bold;
/*** Main Logo  *************************************************/
#Logo {
/*Box Model*/
  height: 180px;
width: auto;
margin: auto;
/*Layout*/
  background-repeat: no-repeat;
background-image:url(../../Header%20Logo6.3%20flat%20.png);
border-right: thin solid #F3F3F3;
/***  Main Menu  *************************************************/
#Menu {
height: auto;
width: 1100px;
background-color:#FFF;
padding:0px;
float: left;
border-bottom: 1px solid #dedede;
/***  Testimonial  *************************************************/
#Testimonial {
/*Box Model*/
height:auto;
width: 1050px;
margin: auto;
padding-left: 25px;
padding-right: 25px;
/*Layout*/
background-color: #FEFEFE;
font-style: italic;
text-align: justify;
padding-top: 15px;
padding-bottom: 20px;
color: #000;
float: left;
border-bottom: 1px solid #dedede;
/***  BreadCrumb Trail  *************************************************/
#BreadCrumb {
/*Box Model*/
Float:left;
height: 28px;
width: 1100px;
/*Layout*/
background-color: #FFF;
color:#000;
ul, li {
list-style-type:none;
padding:0;
margin:0;
#crumbs {
height:1.7em;
border-top: 1px none #dedede;
border-bottom: 1px solid #dedede;
border-left: 1px solid #dedede;
#crumbs li {
float:left;
line-height:1.7em;
color:#000;
padding-left:0.75em;
#crumbs li a {
display:block;
padding:0 25px 0 0;
background-image: url(../_Images/crumbs.jpg);
background-repeat: no-repeat;
background-position: right center;
#crumbs li a:link, #crumbs li a:visited {
color:#000;
text-decoration:none;
a:link, a:visited, #crumbs li a:hover, #crumbs li a:focus { color:#00F; }
/*** Main Content Area  *************************************************/
#LeftColumnTitle {
background-color: #4695CD;
height: 40px;
width: 1075px;
float: left;
padding-top: 10px;
font-size: 35px;
color: #FFF;
text-align: right;
padding-right: 25px;
#LeftColumn {
/*Box Model*/
Float:right;
height: 500px;
width: 700px;
/*Layout*/
background-color: #FFF;
padding-top: 20px;
text-align: justify;
border-right: thin solid #F7F7F7;
padding-right: 25px;
#RightColumn {
/*Box Model*/
Float:left;
height: 500px;
width: 250px;
/*Layout*/
background-color: #FFF;
/*** side navigation   *************************************************/
/*** Footer   *************************************************/
#Footer {
/*Box Model*/
height: 700px;
width: 1100px;
/*Layout*/
color: #FFF;
clear: both;
border-top: 1px solid black;
.SiteMap h3 span {
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
font-weight:normal;
/*** Footer SiteMap   *************************************************/
.SiteMap {
margin-top:450px;
padding-top:25px;
margin-left:auto;
margin-right:auto;
width:1050px;
color:#FFF;
height:200px;
background-color: #4695CD;
padding-left: 25px;
padding-right: 25px;
border-top: 1px solid black;
.SiteMapLinks {
float:right;
min-width:70px;
margin-left:28px;
.SiteMap ul {
list-style:none;
padding:0;
.SiteMap a { color:#FFF; }
.SiteMap .primary_links a { color:#000; }
.SiteMap a:hover, {
color:#fff;
text-decoration:underline;
/*** Footer contact info   *************************************************/
#ContactInfoFooter {
color: #000;
background-color: #00F;
position: relative;
height: 350px;
width: 300px;
float: left;
clear: right;
/*** Footer company overview   *************************************************/
#CompanyOverview {
background-color: #4695CD;
height: 350px;
width: 299px;
float: left;
/* [disabled]border-right: 1px solid black; */
/*** Footer chatbox   *************************************************/
#Chat {
background-color: #4695CD;
height: 100px;
width: 300px;
float: left;
/*** Footer newsletter   *************************************************/
#Newsletter {
background-color: #4695CD;
position: relative;
height: 100px;
width: 399px;
float: left;
border-left: 1px solid black;
/*** Footer testimonial output   *************************************************/
#TestimonialOutput {
background-color: #4695CD;
position: relative;
height: 350px;
width: 400px;
color: #000;
float: left;
/*** Footer Chatbox   *************************************************/
#ChatBox {
background-color: #4695CD;
float: left;
height: 350px;
width: 400px;
position: relative;
/*** Footer PaymentMethods  *************************************************/
#PaymentMethods {
background-color: #4695CD;
float: left;
height: 100px;
width: 400px;
position: relative;
/* [disabled]background-image: url(../_Images/payment-accepted.jpg); */
background-repeat: no-repeat;
/*** Copyright Area  *************************************************/
#Copyright {
background-color: #4695CD;
height: 20px;
width: 1050px;
color: #FFF;
clear: both;
padding-right:25px;
padding-left:25px;
border-top: 1px solid black;
padding-top: 10px;
padding-bottom: 5px;
.PrivacyPolicy {
float:left;
.TradeMark {
float:right;
#Copyright .PrivacyPolicy {color: #95896C;font:13px georgia; }
#Copyright .PrivacyPolicy li {
margin:0;
padding:0, 40px;
list-style:none;
float:right;
font:13px georgia;
color:#FFF;
#Copyright .PrivacyPolicy a {
color: #FFF;
border-right:1px solid #FFF;
padding:0 5px;
}