Fix the layout issues in IE.

WebContent/css/ugradapp.css

@@ -356,7 +356,7 @@ caption {
 #maincontent .options p:first-of-type {
     margin: 3em 3em 1em 1em;
 }
-aside:not([id="app_notice"]){
+aside{
     background: #A7CEE5;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
@@ -366,7 +366,7 @@ aside:not([id="app_notice"]){
     z-index:11;
     margin-bottom:24px;
 }
-aside:not([id="app_notice"])::before {
+aside:before {
     content: '';
     position: absolute;
     left: -10px;
@@ -380,7 +380,7 @@ aside:not([id="app_notice"])::before {
     line-height:0px;
     z-index:10;
 }
-aside:not([id="app_notice"])::after {
+aside:after {
     border:1px dashed rgba(84,72,38,0.3);
     -webkit-border-radius:2px;
     -moz-border-radius:2px;
@@ -396,6 +396,9 @@ aside:not([id="app_notice"])::after {
     box-shadow: inset 0px 0px 2px 1px rgba(84, 72, 38, 0.1);
     z-index: 10;
 }
+#app_notice:before, #app_notice:after{
+    border:none;
+}
 aside dl {
     line-height: 1.8em;
     margin: 0 10px 10px 10px;
@@ -420,10 +423,10 @@ aside dd {
 #course_notice .grid4 section {
     padding:10px;
 }
-#maincontent aside:not([id="app_notice"]) > * {
+#maincontent aside > * {
     margin: 10px;
 }
-#maincontent aside:not([id="app_notice"]) h4 {
+#maincontent aside h4 {
     font-size:1.3em;
     font-weight:bold;
     color:#123C54; /* Color contrast ratio is 7 */

WebContent/js/stuapp.js

@@ -3,7 +3,7 @@
 */
 WDN.jQuery('document').ready(function($){
     // for IE, we need to add a class to support the two columns 
-    $('#maincontent .stuapp > fieldset > ol > li:nth-child(odd)').addClass('odd');
+    $('#maincontent .stuapp > fieldset > ol > li').filter(':odd').addClass('odd');
     
     // for older browsers, we need to use a span to control the width of the legends to prevent overflows.
     $('form.stuapp legend').each(function() {

WebContent/jsp/ugradpage1.jsp

@@ -126,6 +126,7 @@
     <link rel="stylesheet" type="text/css" media="print" href="/wdn/templates_3.0/css/print.css" />
     <script type="text/javascript" src="/wdn/templates_3.0/scripts/all.js"></script>
     <c:import context="/wdn" url="/templates_3.0/includes/metanfavico_html5.html" />
+    <c:import context="/wdn" url="/templates_3.0/includes/browserspecifics_html5.html" />
     <!-- TemplateBeginEditable name="doctitle" -->
     <title>Application for Undergraduate Admission - Office of Admissions at the University of Nebraska&ndash;Lincoln</title>
     <!-- TemplateEndEditable -->
@@ -217,7 +218,7 @@
             </fieldset>
             <h3 class="grid4">Form Help</h3>
             <c:if test="${pageScope.appType == 'I'}">
-            <aside class="grid4" id="app_notice">
+            <div class="grid4" id="app_notice">
                 <div class="options">
                     <h4>Notice</h4>
                     <p>An admissions decision cannot be made until ALL DOCUMENTS are on file. This includes:</p>
@@ -241,7 +242,7 @@
                     <p>For more information, please visit our website at
                     <a href="http://admissions.unl.edu/"  onclick="window.open(this.href);">http://admissions.unl.edu</a>.
                 </div>
-            </aside>
+            </div>
             </c:if>
             <fieldset class="grid8 first">
                 <legend>Personal Information</legend>