Nav bar not working in explorer 11
<p>I'm a beginner with responsive sites and having a problem with this one. Everything shows up fine for me on my Mac, iPad and iPhone, but apparently the nav bar is going blank on a Windows machine in Explorer 11 (11.0.25 to be exact). What am I missing? I've tried researching but haven't been able to figure out the problem and can't replicate it since it all looks fine on my end. The site is at <a href="http://muconf.missouri.edu/boats2016/" rel="nofollow">http://muconf.missouri.edu/boats2016/</a></p>

<p>(<a href="http://muconf.missouri.edu/boats2016/boatsproblem.png" rel="nofollow">http://muconf.missouri.edu/boats2016/boatsproblem.png</a>) My contact says the only reason the Home button is showing up in this screenshot is she is hovering over it, otherwise everything is blank. </p>

<p>CSS</p>

<pre><code>&lt;!doctype html&gt;
&lt;html&gt;&lt;!-- InstanceBegin template="/Templates/index.dwt" 
codeOutsideHTMLIsLocked="false" --&gt;
&lt;head&gt;
&lt;meta charset="UTF-8"&gt;
&lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
&lt;link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Raleway|Lato|Oxygen"&gt;
&lt;link rel="stylesheet" type="text/css" href="boats2.css" /&gt;
&lt;style&gt;
* {
box-sizing: border-box;}
.row:after {
content: "";
clear: both;
display: block;}
&lt;/style&gt;
&lt;!-- InstanceBeginEditable name="Based on a True Story" --&gt;
&lt;title&gt;Based on a True Story&lt;/title&gt;
&lt;!-- InstanceEndEditable --&gt;
&lt;!-- InstanceBeginEditable name="head" --&gt;
&lt;!-- InstanceEndEditable --&gt;
&lt;/head&gt;
</code></pre>

<p>HTML</p>

<pre><code>&lt;body&gt;
&lt;!-- begin header --&gt;
&lt;div class="header"&gt;
&lt;a href="index.html"&gt;&lt;img src="images/header_2016.jpg" width="3300" height="446" alt=""/&gt;&lt;/a&gt;
&lt;/div&gt;
&lt;!-- end header --&gt;
&lt;!-- begin nav menu --&gt;
&lt;nav class="clearfix" id="nav"&gt;
&lt;ul class="clearfix"&gt;
&lt;li&gt;&lt;a href="index.html"&gt;Home&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="schedule.html"&gt;Schedule&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="register.html"&gt;Register&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="presenters.html"&gt;Presenters&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="travel.html"&gt;Location/Travel&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="contact.html"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="previous.html"&gt;Previous Years&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/nav&gt;
&lt;!-- end nav menu --&gt;

/*** showing the menu ***/

&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
$("#nav").addClass("js").before('&lt;div id="menu"&gt;&amp;#9776;&lt;/div&gt;');
$("#menu").click(function(){
    $("#nav").toggle();
});
$(window).resize(function(){
    if(window.innerWidth &gt; 768) {
        $("#nav").removeAttr("style");
    }
});
&lt;/script&gt;

&lt;!-- begin content area --&gt;
&lt;div class="TextOnlyContainer" style="margin: 0 auto"&gt;&lt;!-- InstanceBeginEditable name="EditRegion3" --&gt;
&lt;!-- start left column --&gt;

&lt;div style="float:left; width:75%"&gt;&lt;h2&gt;Reporting Real Life, Telling True Stories&lt;/h2&gt;
&lt;p align="left" class="text"&gt;Join us once again in Columbia, Missouri, from March 2-4, 2016, as a dynamic group of filmmakers, journalists, and film critics engage in a series of thoughtful and energetic discussions about telling true stories in film and journalism. The fifth year of &lt;em&gt;Based on a True Story: The Intersection of Documentary Film and Journalism&lt;/em&gt; will again set about analyzing the intersection of nonfiction storytelling forms, advocacy in that storytelling, and the cultural and ethical implications of the convergence between journalism and documentary film.&lt;/p&gt;
&lt;p class="text"&gt;An interdisciplinary group of scholars at the University of Missouri — sponsored by the Mizzou Advantage Program — will be partnering again with the True/False Film Fest to continue our tradition of light-hearted yet serious-minded discussions about documentary film. Conference attendees will spend time engaging with some of the top thinkers, purveyors, and practitioners of documentary film. It will be the perfect run-up to the 12th annual True/False Film Festival, March 3–6, 2016!&lt;/p&gt;&lt;/div&gt;
&lt;!-- end left column --&gt;
&lt;!-- start right column --&gt;
&lt;div style="float:right; background-color:#ccc; padding:1em;"&gt;
&lt;a href="http://truefalse.org/"&gt;&lt;h5 style="text-align:center"&gt;True/False Film Fest&lt;/h5&gt;
  &lt;img src="images/tf2016.jpg" alt="True/False Film Fest" width="175" height="212" border="0" /&gt;&lt;/a&gt;&lt;a href="ValentineRoad.html"&gt;&lt;/a&gt;
&lt;/div&gt;
&lt;!-- end right column --&gt;
&lt;div style="clear:both"&gt;&lt;/div&gt;
&lt;!-- Begin DWUser_EasyRotator --&gt;
&lt;script type="text/javascript" src="http://c520866.r66.cf2.rackcdn.com/1/js/easy_rotator.min.js"&gt;&lt;/script&gt;
&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;div class="dwuserEasyRotator" style="width: 100%; height: 400px; position:relative; text-align: center; margin:0 auto" data-erconfig="{autoplayEnabled:true, lpp:'102-105-108-101-58-47-47-47-85-115-101-114-115-47-87-111-111-100-121-47-68-111-99-117-109-101-110-116-115-47-69-97-115-121-82-111-116-97-116-111-114-80-114-101-118-105-101-119-47-112-114-101-118-105-101-119-95-115-119-102-115-47', wv:1}" data-ername="slideshow" data-erResponsiveRatio="{600:400}" data-erTID="{jz42jpztf5098200863541}"&gt;
&lt;div data-ertype="content" style="display: none;"&gt;&lt;ul data-erlabel="Main Category"&gt;
&lt;li&gt;
    &lt;span class="text"&gt;&lt;img class="main" src="images/slideshow/slide05.jpg" /&gt; 
&lt;img class="thumb" src="images/slideshow/slide05.jpg" /&gt;&lt;/span&gt;
&lt;/li&gt;
&lt;li&gt;
    &lt;span class="text"&gt;&lt;img class="main" src="images/slideshow/slide04.jpg" /&gt;
 &lt;img class="thumb" src="images/slideshow/slide04.jpg" /&gt;&lt;/span&gt;
&lt;/li&gt;
&lt;li&gt;
    &lt;span class="text"&gt;&lt;img class="main" src="images/slideshow/slide03.jpg" /&gt; &lt;img class="thumb" src="images/slideshow/slide03.jpg" /&gt;&lt;/span&gt;
&lt;/li&gt;
&lt;li&gt;
    &lt;span class="text"&gt;&lt;img class="main" src="images/slideshow/slide02.jpg" /&gt; &lt;img class="thumb" src="images/slideshow/slide02.jpg" /&gt;&lt;/span&gt;
&lt;/li&gt;
&lt;li&gt;
    &lt;span class="text"&gt;&lt;img class="main" src="images/slideshow/slide01.jpg" /&gt; &lt;img class="thumb" src="images/slideshow/slide01.jpg" /&gt;&lt;/span&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div data-ertype="layout" data-ertemplatename="NONE" style=""&gt;      &lt;div class="erimgMain" style="position: absolute; left:0;right:0;top:0;bottom:0;" data-erConfig="{__numTiles:3, scaleMode:'scaleDown', imgType:'main', __loopNextButton:false, __arrowButtonMode:'rollover'}"&gt;
        &lt;div class="erimgMain_slides" style="position: absolute; left:0; top:0; bottom:0; right:0;"&gt;
            &lt;div class="erimgMain_slide"&gt;
                &lt;div class="erimgMain_img" style="position: absolute; left: 0; right: 0; top: 0; bottom: 0;"&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="erimgMain_arrowLeft" style="position:absolute; left: 10px; top: 50%; margin-top: -15px;" data-erConfig="{image:'circleSmall', image2:'circleSmall'}"&gt;&lt;/div&gt;
&lt;div class="erimgMain_arrowRight" style="position:absolute; right: 10px; top: 50%; margin-top: -15px;" data-erConfig="{image:'circleSmall', image2:'circleSmall'}"&gt;&lt;/div&gt;
&lt;/div&gt;&lt;div class="erabout erFixCSS3" style="color: #FFF; text-align: left; background: #000; background:rgba(0,0,0,0.93); border: 2px solid #FFF; padding: 20px; font: normal 11px/14px Verdana,_sans; width: 300px; border-radius: 10px; display:none;"&gt; This &lt;a style="color:#FFF;" href="http://www.dwuser.com/easyrotator/" target="_blank"&gt;jQuery slider&lt;/a&gt; was created with the free &lt;a style="color:#FFF;" href="http://www.dwuser.com/easyrotator/" target="_blank"&gt;EasyRotator&lt;/a&gt; software from DWUser.com. &lt;br /&gt;
&lt;br /&gt;
Use WordPress? The free &lt;a style="color:#FFF;" href="http://www.dwuser.com/easyrotator/wordpress/" target="_blank"&gt;EasyRotator for WordPress&lt;/a&gt; plugin lets you create beautiful &lt;a style="color:#FFF;" href="http://www.dwuser.com/easyrotator/wordpress/" target="_blank"&gt;WordPress sliders&lt;/a&gt; in seconds. &lt;br /&gt;
&lt;br /&gt;
&lt;a style="color:#FFF;" href="#" class="erabout_ok"&gt;OK&lt;/a&gt;&lt;/div&gt;
&lt;noscript&gt;
Rotator powered by &lt;a href="http://www.dwuser.com/easyrotator/"&gt;EasyRotator&lt;/a&gt;, a free and easy jQuery slider builder from DWUser.com.  Please enable JavaScript to view.
&lt;/noscript&gt;
&lt;script type="text/javascript"&gt;/*Avoid IE gzip bug*/(function(b,c,d){try{if(!b[d]){b[d]="temp";var a=c.createElement("script");a.type="text/javascript";a.src="http://easyrotator.s3.amazonaws.com/1/js/nozip/easy_rotator.min.js";c.getElementsByTagName("head")[0].appendChild(a)}}catch(e){alert("EasyRotator fail; contact support.")}})(window,document,"er_$144");&lt;/script&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;!-- End DWUser_EasyRotator --&gt;
&lt;!-- InstanceEndEditable --&gt;
&lt;!-- footer --&gt;
&lt;div class="Footer" style="padding:0"&gt;
&lt;table width="100%" border="1" cellpadding="0" cellspacing="0"&gt;
&lt;tr&gt;
&lt;td width="273" align="center" valign="middle"&gt;&lt;p&gt;&lt;img src="images/MU_Advantage_sm.jpg" width="130" height="75" alt="Mizzou Advantage" /&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="http://www.missouri.edu/mizzou-advantage/"&gt;Mizzou Advantage&lt;/a&gt;&lt;/p&gt;&lt;/td&gt;
&lt;td colspan="2" align="center" valign="middle" &gt;&lt;p&gt;&lt;img src="images/Murraylogo3.jpg" alt="T/F logo" width="86" height="86" border="0" /&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;Jonathan B. Murray &lt;br /&gt; 
Center for Documentary Journalism&lt;/p&gt;&lt;/td&gt;
&lt;td width="273" align="center" valign="middle"&gt;&lt;p&gt;&lt;a href="http://truefalse.org/"&gt;&lt;img src="images/tf_logo_sm.jpg" alt="T/F logo" width="75" height="75" border="0" /&gt;&lt;/a&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;a href="http://truefalse.org/"&gt;True/False Film Fest&lt;/a&gt;&lt;/p&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td height="40" colspan="2" align="center"&gt;&lt;a href="http://www.mohumanities.org/"&gt;Missouri Humanities Council&lt;/a&gt;&lt;/td&gt;
&lt;td height="40" colspan="2" align="center"&gt;&lt;a href="http://grs.missouri.edu"&gt;Univ. of Missouri &lt;br /&gt;
Department of German &amp;amp; Russian Studies&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td height="40" colspan="2" align="center"&gt;&lt;a href="http://www.journalism.missouri.edu/"&gt;Missouri School of Journalism&lt;/a&gt;&lt;/td&gt;
&lt;td height="40" colspan="2" align="center"&gt;&lt;a href="http://chancellor.missouri.edu/distinguished-visitors/index.php"&gt;Chancellor's Distinguished Visitors Program&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td height="40" colspan="2" align="center"&gt;&lt;a href="http://www.rjionline.org/"&gt;Donald W. Reynolds Journalism Institute&lt;/a&gt;&lt;/td&gt;
&lt;td height="40" colspan="2" align="center"&gt;&lt;p&gt;&lt;a href="http://wgst.missouri.edu"&gt;Department of Women's and Gender Studies&lt;/a&gt;&lt;/p&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td height="40" colspan="4" align="center"&gt;&lt;a href="http://filmstudies.missouri.edu/"&gt;Univ. of Missouri Film Studies Program&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;table width="100%" border="0" cellspacing="0" cellpadding="10"&gt;
&lt;tr&gt;
&lt;td style="text-align:center"&gt;MU Conference Office © 2016, University of Missouri&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;/div&gt;
&lt;!-- end Footer --&gt;

&lt;/div&gt;  &lt;!-- end TextOnlyContainer --&gt;

&lt;/body&gt;
&lt;!-- InstanceEnd --&gt;&lt;/html&gt;
</code></pre>