css problem with wp navi plugin

I have downloaded the wp navi plugin from https://lesterchan.net/wordpress/readme/wp-pagenavi.html
In firefox it shows perfectly, but in IE I noticed that there is a little white box located under the tab “FAQ” in my top navigation. Now I’m sure that this is a css problem in my theme…but I’m not sure how to fix it. My stylesheet is located here https://lovelatoya.com/wp-content/themes/glossyblue-1-4/style.css

and this is the .css file that came with the plugin

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #0066cc;
color: #0066cc;
background-color: #FFFFFF;
}
.wp-pagenavi a:hover {
border: 1px solid #114477;
color: #114477;
background-color: #FFFFFF;
}
.wp-pagenavi span.pages {
padding: 2px 4px 2px 4px;
margin: 2px 2px 2px 2px;
color: #000000;
border: 1px solid #000000;
background-color: #FFFFFF;
}
.wp-pagenavi span.current {
padding: 2px 4px 2px 4px;
margin: 2px;
font-weight: bold;
border: 1px solid #000000;
color: #000000;
background-color: #FFFFFF;
}
.wp-pagenavi span.extend {
padding: 2px 4px 2px 4px;
margin: 2px;
border: 1px solid #000000;
color: #000000;
background-color: #FFFFFF;
}

Can anyone recognize where the problem is?