twenty fourteen in IE11 primary menu doesn't hover

Hi,

I’m using a child theme and when I open my site in IE11 the primary menu doesn’t hover when I scroll down. When using the normal twenty fourteen theme it does what it needs to do. In firefox and chrome everything looks fine.
I can’t give the link because it’s an intranet site, I use a custom category.php to remove the “category archives :” from the category header, a custom footer.php to change the footer text and a custom style.css, which you can find below :

/*
 Theme Name:   Twenty Fourteen Child
 Description:  Twenty Fourteen Child Theme
 Author:       Hannes Salen
 Template:     twentyfourteen
 Version:      1.0.0
*/

@import url("../twentyfourteen/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */

#page {
margin-left: auto;
margin-right: auto;
}
/*centers the website*/

.home #content nav {
display: none;
}
/*removes the next page bar*/

p {
	margin-bottom: 10px;
}
/*reduces the white space between paragraphs*/

.hentry {
    padding: 0px 0;
}
/*reduces the white space between posts*/

.entry-title {
    font-size: 25px;
}
/*changes the font size of the post title*/

.search-toggle {
    background-color: #e50f1e;
}
/*changes the color of the search button*/

.search-toggle:hover {
    background-color: #e50f1e;
}
/*changes the color of the hovered search button*/

.search-toggle.active {
    background-color: #11406d;
}
/*changes the color of the active search button*/

.search-box {
    background-color: #11406d;
}
/*changes the color of the search bar*/

.entry-title a {
	color: #265485;
}

.entry-title a:hover {
	color: #3994ce;
}
/*changes the color of the post title*/

.entry-meta a:hover {
	color: #e13c40;
}
/*changes the title of the hovered category*/

.content-sidebar .widget a {
    color: #265485;
}

.content-sidebar .widget a:hover {
    color: #3994ce;
}

/*changes the color of the recent posts title*/

.post-navigation a,
.image-navigation a {
	color: #265485;
}

.post-navigation a:hover,
.image-navigation a:hover {
	color: #3994ce;
}
/*changes the color of the post navigation*/

.widget-title, .widget-title a {
    color: #f01e4f;
}
/*changes the color of the widget title in the left sidebar*/

.widget a:hover {
    color: #f3f566;
}
/*changes the color of the hovered widget content in the left sidebar*/

.content-sidebar .widget .widget-title {
    color: #f01e3e;
}
/*changes the color of the widget title in the right sidebar*/

.featured-content .entry-title {
    font-weight: bold;
}
/*makes the featured posts title bold*/

.primary-navigation li:hover > a,
.primary-navigation li.focus > a {
    background-color: #11406d;
}

.secondary-navigation li:hover > a,
.secondary-navigation li.focus > a {
    background-color: #11406d;
}
/*changes the color of the navigation menus*/

.primary-navigation ul ul {
    background-color: #11406d;
}
/*changes the color of the pull down menu*/

.primary-navigation ul ul a:hover,
.primary-navigation ul ul li.focus > a {
    background-color: #1b67af;
}
/*changes the color of the hovered pull down menu*/

.site-navigation .current_page_item > a,
.site-navigation .current_page_ancestor > a,
.site-navigation .current-menu-item > a,
.site-navigation .current-menu-ancestor > a {
	color: #f3f566;
}
/*changes the color of the active menu*/

.paging-navigation .page-numbers.current {
    border-top: 5px solid #e50f1e;
}
/*changes the color of the active page in navigation*/

.paging-navigation a:hover {
    border-top: 5px solid #df871b;
}
/*changes the color of the hovered page in navigation*/

.entry-content a,
.entry-summary a,
.page-content a,
.comment-content a {
    text-decoration: none;
    font-weight: bold;
    color: #0066ff;
}
/*removes the line under links and makes it bold and changes the color*/

.entry-content a:hover,
.entry-summary a:hover,
.page-content a:hover,
.comment-content a:hover {
    color: #006699;
}
/*changes the color of hovered links*/

.entry-meta
.tag-links a:hover:before {
    border-right-color: #1b67af;
}

.entry-meta
.tag-links a:hover {
    background-color: #1b67af;
}
/*changes the color of the hovered tag*/

.entry-content
.edit-link a:hover {
    color: #E12C40;
}
/*changes the color of the hovered edit button on pages*/

.single .post-thumbnail img { display: none; }
/*removes featured image in single post*/

.full-width .archive-header,
.full-width .comments-area,
.full-width .image-navigation,
.full-width .page-header,
.full-width .page-content,
.full-width .post-navigation,
.full-width .site-content .entry-header,
.full-width .site-content .entry-content,
.full-width .site-content .entry-summary,
.full-width .site-content footer.entry-meta {
	max-width: 800px;
}
/*changes the width of full width pages*/