SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    Jul 2012
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Hidden Dropdown Menu showing up in IE 9 all the time, breaks layout

    correctmenu.jpgie-9.jpg
    I'm having a problem with a responsive menu on IE 9. At the small browser size in IE 9, it works as it should, converting to a dropdown, so it seems the jquery function is working properly. At the desktop browser size in IE 9, the hidden part of the menu, which should appear when hovering over it, always displays, which breaks the page layout. I've attached screen shots of the correct menu display (in all browsers except IE) and the IE9 display(broken).
    I've included the jquery script, the relevant css, and the page source. The site is built in Drupal 7, using the Omega theme as a base. I would appreciate any help. This has me stumped! The website is at http://dev.cci.utk.edu


    The jquery script is
    Code:
     
    // DOM ready
    	 $(function() {
    	   
          // Create the dropdown base
          $("<select />").appendTo("section.tools");
          
          // Create default option "Go to..."
          $("<option />", {
             "selected": "selected",
             "value"   : "",
             "text"    : "University Tools..."
          }).appendTo("section.tools select");
          
          // Populate dropdown with menu items
          $("ul#toolbox a").each(function() {
           var el = $(this);
           $("<option />", {
               "value"   : el.attr("href"),
               "text"    : el.text()
           }).appendTo("section.tools select");
          });
          
    	   // To make dropdown actually work
    	   // To make more unobtrusive: http://css-tricks.com/4064-unobtrusive-page-changer/
          $("section.tools select").change(function() {
            window.location = $(this).find("option:selected").val();
          });
    	 
    	 });
    The CSS that applies to this menu is:

    Code:
    ul#toolbox {
        position: relative;
    }
    nav ul#nav1, nav ul#audience-nav, div.subnav, div.subnavtab, ul#toolbox {
        display: block;
    }
    nav ul#nav1, nav ul#audience-nav, ul#toolbox {
        display: none;
    }
    ul#toolbox {
        background: url("../images/bg-toolbox.png") repeat-x scroll center bottom #1A1A1A;
        border: 0 none;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        float: right;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 0.68em;
        font-weight: bold;
        list-style: none outside none;
        margin: 0;
        outline: 0 none;
        padding: 0;
        position: fixed;
        text-transform: uppercase;
        top: 0;
        vertical-align: baseline;
        width: 100%;
        z-index: 597;
    }
    ul#toolbox li {
        border-right: 1px solid #4C4D4F;
        display: inline;
        float: left;
        line-height: 1.3em;
        margin: 0;
        text-align: center;
        vertical-align: middle;
    }
    ul#toolbox ul li {
        border-right: 0 solid #4C4D4F;
    }
    ul#toolbox ul li {
        display: block;
        padding: 0;
        width: 100%;
    }
    
    ul#toolbox ul li a {
        display: block;
        width: 100%;
    }
    ul#toolbox li a {
        color: #CCCCCC;
        display: block;
        padding: 5px 0;
        width: 100%;
    }
    ul#toolbox ul {
        background: url("../images/bg-drop.jpg") no-repeat scroll 50% top #333333;
        float: left;
        font-size: 90%;
        left: -50%;
        padding: 12px 0 0;
        position: absolute;
        text-align: center;
        top: 85%;
        visibility: hidden;
        width: 150px;
        z-index: 99999;
    }
    li {
        line-height: 18px;
        margin-bottom: 12px;
    }
    a, p, ul, ol, li, img, span, strong, em {
        border: 0 none;
        font: ;
        margin: 0;
        outline: 0 none;
        padding: 0;
        vertical-align: baseline;
    }
    a, a:visited {
      outline: 0 none;
    }
    a, a:visited {
      outline: 0 none;
    }
    ul ul li, ul ol li, ol ol li, ol ul li {
        margin-bottom: 6px;
    }
    li {
        line-height: 18px;
        margin-bottom: 12px;
    }
    li.n1 {
        margin-left: 1.6194%;
        width: 18.421%;
    }
    li.n2 {
        width: 8.2995%;
    	}
    li.n3 {
        width: 7.2874%;
    }
    li.n4 {
        width: 22.0647%;
    }
    li.n5 {
        width: 12.3481%;
    }
    li.n6 {
        width: 10.5263%;
    }
    ul#toolbox li.n7 {
        border-right: medium none;
        width: 17.2064%;
    }
    The page source for through the header sections is this:
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML+RDFa 1.1//EN">
    <html lang="en" dir="ltr" version="HTML+RDFa 1.1"
      xmlns:content="http://purl.org/rss/1.0/modules/content/"
      xmlns:dc="http://purl.org/dc/terms/"
      xmlns:foaf="http://xmlns.com/foaf/0.1/"
      xmlns:og="http://ogp.me/ns#"
      xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#"
      xmlns:sioc="http://rdfs.org/sioc/ns#"
      xmlns:sioct="http://rdfs.org/sioc/types#"
      xmlns:skos="http://www.w3.org/2004/02/skos/core#"
      xmlns:xsd="http://www.w3.org/2001/XMLSchema#">
    <head profile="http://www.w3.org/1999/xhtml/vocab">
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=yes" />
    <link rel="shortcut icon" href="http://dev.cci.utk.edu/favicon.ico" type="image/vnd.microsoft.icon" />
    <link rel="alternate" type="application/rss+xml" title="College of Communication &amp; Information RSS" href="http://dev.cci.utk.edu/rss.xml" />
    <meta name="Generator" content="Drupal 7 (http://drupal.org)" />
      <title>College of Communication &amp; Information |</title>  
      <style type="text/css" media="all">@import url("http://dev.cci.utk.edu/modules/system/system.base.css?m7zpqw");
    @import url("http://dev.cci.utk.edu/modules/system/system.menus.css?m7zpqw");
    @import url("http://dev.cci.utk.edu/modules/system/system.messages.css?m7zpqw");
    @import url("http://dev.cci.utk.edu/modules/system/system.theme.css?m7zpqw");</style>
    <style type="text/css" media="all">@import url("http://dev.cci.utk.edu/sites/all/modules/adaptive_image/css/adaptive-image.css?m7zpqw");
    @import url("http://dev.cci.utk.edu/modules/book/book.css?m7zpqw");
    @import url("http://dev.cci.utk.edu/sites/all/modules/calendar/css/calendar_multiday.css?m7zpqw");
    @import url("http://dev.cci.utk.edu/modules/comment/comment.css?m7zpqw");
    @import url("http://dev.cci.utk.edu/sites/all/modules/date/date_api/date.css?m7zpqw");
    @import url("http://dev.cci.utk.edu/sites/all/modules/date/date_popup/themes/datepicker.1.7.css?m7zpqw");
    @import url("http://dev.cci.utk.edu/sites/all/modules/date/date_repeat_field/date_repeat_field.css?m7zpqw");
    @import url("http://dev.cci.utk.edu/sites/all/modules/domain/domain_nav/domain_nav.css?m7zpqw");
    @import url("http://dev.cci.utk.edu/modules/field/theme/field.css?m7zpqw");
    @import url("http://dev.cci.utk.edu/modules/node/node.css?m7zpqw");
    @import url("http://dev.cci.utk.edu/modules/search/search.css?m7zpqw");
    @import url("http://dev.cci.utk.edu/modules/user/user.css?m7zpqw");
    @import url("http://dev.cci.utk.edu/sites/all/modules/views/css/views.css?m7zpqw");</style>
    <style type="text/css" media="all">@import url("http://dev.cci.utk.edu/sites/all/modules/ctools/css/ctools.css?m7zpqw");
    @import url("http://dev.cci.utk.edu/sites/all/libraries/superfish/css/superfish.css?m7zpqw");
    @import url("http://dev.cci.utk.edu/sites/all/libraries/superfish/css/superfish-vertical.css?m7zpqw");
    @import url("http://dev.cci.utk.edu/sites/all/libraries/superfish/css/superfish-navbar.css?m7zpqw");
    @import url("http://dev.cci.utk.edu/sites/all/modules/views_slideshow/views_slideshow.css?m7zpqw");
    @import url("http://dev.cci.utk.edu/sites/all/modules/biblio/biblio.css?m7zpqw");
    @import url("http://dev.cci.utk.edu/sites/all/libraries/superfish/style/default.css?m7zpqw");</style>
    <style type="text/css" media="all">@import url("http://dev.cci.utk.edu/sites/all/themes/omega/alpha/css/alpha-reset.css?m7zpqw");
    @import url("http://dev.cci.utk.edu/sites/all/themes/omega/alpha/css/alpha-mobile.css?m7zpqw");
    @import url("http://dev.cci.utk.edu/sites/all/themes/omega/alpha/css/alpha-alpha.css?m7zpqw");
    @import url("http://dev.cci.utk.edu/sites/all/themes/omega/omega/css/formalize.css?m7zpqw");
    @import url("http://dev.cci.utk.edu/sites/all/themes/omega/omega/css/omega-text.css?m7zpqw");
    @import url("http://dev.cci.utk.edu/sites/all/themes/omega/omega/css/omega-branding.css?m7zpqw");
    @import url("http://dev.cci.utk.edu/sites/all/themes/omega/omega/css/omega-menu.css?m7zpqw");
    @import url("http://dev.cci.utk.edu/sites/all/themes/omega/omega/css/omega-forms.css?m7zpqw");
    @import url("http://dev.cci.utk.edu/sites/all/themes/omega/omega/css/omega-visuals.css?m7zpqw");
    @import url("http://dev.cci.utk.edu/sites/all/themes/utk/css/global.css?m7zpqw");
    @import url("http://dev.cci.utk.edu/sites/all/themes/utk/css/ut.css?m7zpqw");</style>
    
    <!--[if (lt IE 9)&(!IEMobile)]>
    <style type="text/css" media="all">@import url("http://dev.cci.utk.edu/sites/all/themes/utk/css/utk-alpha-default.css?m7zpqw");
    @import url("http://dev.cci.utk.edu/sites/all/themes/utk/css/utk-alpha-default-normal.css?m7zpqw");
    @import url("http://dev.cci.utk.edu/sites/all/themes/omega/alpha/css/grid/alpha_default/normal/alpha-default-normal-12.css?m7zpqw");</style>
    <![endif]-->
    
    <!--[if gte IE 9]><!-->
    <style type="text/css" media="all and (min-width: 740px) and (min-device-width: 740px), (max-device-width: 800px) and (min-width: 740px) and (orientation:landscape)">@import url("http://dev.cci.utk.edu/sites/all/themes/utk/css/utk-alpha-default.css?m7zpqw");
    @import url("http://dev.cci.utk.edu/sites/all/themes/utk/css/utk-alpha-default-narrow.css?m7zpqw");
    @import url("http://dev.cci.utk.edu/sites/all/themes/omega/alpha/css/grid/alpha_default/narrow/alpha-default-narrow-12.css?m7zpqw");</style>
    <!--<![endif]-->
    
    <!--[if gte IE 9]><!-->
    <style type="text/css" media="all and (min-width: 960px) and (min-device-width: 960px), all and (max-device-width: 1024px) and (min-width: 1024px) and (orientation:landscape)">@import url("http://dev.cci.utk.edu/sites/all/themes/utk/css/utk-alpha-default.css?m7zpqw");
    @import url("http://dev.cci.utk.edu/sites/all/themes/utk/css/utk-alpha-default-normal.css?m7zpqw");
    @import url("http://dev.cci.utk.edu/sites/all/themes/omega/alpha/css/grid/alpha_default/normal/alpha-default-normal-12.css?m7zpqw");</style>
    <!--<![endif]-->
    
    <!--[if gte IE 9]><!-->
    <style type="text/css" media="all and (min-width: 1220px)">@import url("http://dev.cci.utk.edu/sites/all/themes/utk/css/utk-alpha-default.css?m7zpqw");
    @import url("http://dev.cci.utk.edu/sites/all/themes/utk/css/utk-alpha-default-wide.css?m7zpqw");
    @import url("http://dev.cci.utk.edu/sites/all/themes/omega/alpha/css/grid/alpha_default/wide/alpha-default-wide-12.css?m7zpqw");</style>
    <!--<![endif]-->
      <script type="text/javascript">
    <!--//--><![CDATA[//><!--
    document.cookie = 'adaptive_image=' + Math.max(screen.width, screen.height) + '; path=/';
    //--><!]]>
    </script>
    <script type="text/javascript" src="http://dev.cci.utk.edu/misc/jquery.js?v=1.4.4"></script>
    <script type="text/javascript" src="http://dev.cci.utk.edu/misc/jquery.once.js?v=1.2"></script>
    <script type="text/javascript" src="http://dev.cci.utk.edu/misc/drupal.js?m7zpqw"></script>
    <script type="text/javascript" src="http://dev.cci.utk.edu/sites/all/libraries/jquery/jquery-1.7.2.min.js?m7zpqw"></script>
    <script type="text/javascript" src="http://dev.cci.utk.edu/sites/all/libraries/utk/utk.js?m7zpqw"></script>
    <script type="text/javascript" src="http://dev.cci.utk.edu/sites/all/libraries/utk/fitvid.js?m7zpqw"></script>
    <script type="text/javascript" src="http://dev.cci.utk.edu/sites/all/libraries/superfish/jquery.hoverIntent.minified.js?m7zpqw"></script>
    <script type="text/javascript" src="http://dev.cci.utk.edu/sites/all/libraries/superfish/jquery.bgiframe.min.js?m7zpqw"></script>
    <script type="text/javascript" src="http://dev.cci.utk.edu/sites/all/libraries/superfish/superfish.js?m7zpqw"></script>
    <script type="text/javascript" src="http://dev.cci.utk.edu/sites/all/libraries/superfish/supersubs.js?m7zpqw"></script>
    <script type="text/javascript" src="http://dev.cci.utk.edu/sites/all/libraries/superfish/supposition.js?m7zpqw"></script>
    <script type="text/javascript" src="http://dev.cci.utk.edu/sites/all/libraries/superfish/sftouchscreen.js?m7zpqw"></script>
    <script type="text/javascript" src="http://dev.cci.utk.edu/sites/all/modules/views_slideshow/js/views_slideshow.js?m7zpqw"></script>
    <script type="text/javascript">
    <!--//--><![CDATA[//><!--
    jQuery(function(){
    jQuery('#superfish-1').supersubs({minWidth: 12, maxWidth: 27, extraWidth: 1}).superfish({
    pathLevels: '2',
    animation: {opacity:'show',height:'show',width:'show'},
    speed: 'fast',
    autoArrows: true,
    dropShadows: true}) .sftouchscreen().supposition().find('ul').bgIframe({opacity:false});
    });
    //--><!]]>
    </script>
    <script type="text/javascript" src="http://dev.cci.utk.edu/sites/all/themes/omega/omega/js/jquery.formalize.js?m7zpqw"></script>
    <script type="text/javascript" src="http://dev.cci.utk.edu/sites/all/themes/omega/omega/js/omega-mediaqueries.js?m7zpqw"></script>
    <script type="text/javascript">
    <!--//--><![CDATA[//><!--
    jQuery.extend(Drupal.settings, {"basePath":"\/","pathPrefix":"","ajaxPageState":{"theme":"utk","theme_token":"KsquXgI2I7oPl4TRkuGywKS9IVj5eymgKHdJClZxJnE","js":{"0":1,"misc\/jquery.js":1,"misc\/jquery.once.js":1,"misc\/drupal.js":1,"sites\/all\/libraries\/jquery\/jquery-1.7.2.min.js":1,"sites\/all\/libraries\/utk\/utk.js":1,"sites\/all\/libraries\/utk\/fitvid.js":1,"sites\/all\/libraries\/superfish\/jquery.hoverIntent.minified.js":1,"sites\/all\/libraries\/superfish\/jquery.bgiframe.min.js":1,"sites\/all\/libraries\/superfish\/superfish.js":1,"sites\/all\/libraries\/superfish\/supersubs.js":1,"sites\/all\/libraries\/superfish\/supposition.js":1,"sites\/all\/libraries\/superfish\/sftouchscreen.js":1,"sites\/all\/modules\/views_slideshow\/js\/views_slideshow.js":1,"1":1,"sites\/all\/themes\/omega\/omega\/js\/jquery.formalize.js":1,"sites\/all\/themes\/omega\/omega\/js\/omega-mediaqueries.js":1},"css":{"modules\/system\/system.base.css":1,"modules\/system\/system.menus.css":1,"modules\/system\/system.messages.css":1,"modules\/system\/system.theme.css":1,"sites\/all\/modules\/adaptive_image\/css\/adaptive-image.css":1,"modules\/book\/book.css":1,"sites\/all\/modules\/calendar\/css\/calendar_multiday.css":1,"modules\/comment\/comment.css":1,"sites\/all\/modules\/date\/date_api\/date.css":1,"sites\/all\/modules\/date\/date_popup\/themes\/datepicker.1.7.css":1,"sites\/all\/modules\/date\/date_repeat_field\/date_repeat_field.css":1,"sites\/all\/modules\/domain\/domain_nav\/domain_nav.css":1,"modules\/field\/theme\/field.css":1,"modules\/node\/node.css":1,"modules\/search\/search.css":1,"modules\/user\/user.css":1,"sites\/all\/modules\/views\/css\/views.css":1,"sites\/all\/modules\/ctools\/css\/ctools.css":1,"sites\/all\/libraries\/superfish\/css\/superfish.css":1,"sites\/all\/libraries\/superfish\/css\/superfish-vertical.css":1,"sites\/all\/libraries\/superfish\/css\/superfish-navbar.css":1,"sites\/all\/modules\/views_slideshow\/views_slideshow.css":1,"sites\/all\/modules\/biblio\/biblio.css":1,"sites\/all\/libraries\/superfish\/style\/default.css":1,"sites\/all\/themes\/omega\/alpha\/css\/alpha-reset.css":1,"sites\/all\/themes\/omega\/alpha\/css\/alpha-mobile.css":1,"sites\/all\/themes\/omega\/alpha\/css\/alpha-alpha.css":1,"sites\/all\/themes\/omega\/omega\/css\/formalize.css":1,"sites\/all\/themes\/omega\/omega\/css\/omega-text.css":1,"sites\/all\/themes\/omega\/omega\/css\/omega-branding.css":1,"sites\/all\/themes\/omega\/omega\/css\/omega-menu.css":1,"sites\/all\/themes\/omega\/omega\/css\/omega-forms.css":1,"sites\/all\/themes\/omega\/omega\/css\/omega-visuals.css":1,"sites\/all\/themes\/utk\/css\/global.css":1,"sites\/all\/themes\/utk\/css\/ut.css":1,"ie::normal::sites\/all\/themes\/utk\/css\/utk-alpha-default.css":1,"ie::normal::sites\/all\/themes\/utk\/css\/utk-alpha-default-normal.css":1,"ie::normal::sites\/all\/themes\/omega\/alpha\/css\/grid\/alpha_default\/normal\/alpha-default-normal-12.css":1,"narrow::sites\/all\/themes\/utk\/css\/utk-alpha-default.css":1,"narrow::sites\/all\/themes\/utk\/css\/utk-alpha-default-narrow.css":1,"sites\/all\/themes\/omega\/alpha\/css\/grid\/alpha_default\/narrow\/alpha-default-narrow-12.css":1,"normal::sites\/all\/themes\/utk\/css\/utk-alpha-default.css":1,"normal::sites\/all\/themes\/utk\/css\/utk-alpha-default-normal.css":1,"sites\/all\/themes\/omega\/alpha\/css\/grid\/alpha_default\/normal\/alpha-default-normal-12.css":1,"wide::sites\/all\/themes\/utk\/css\/utk-alpha-default.css":1,"wide::sites\/all\/themes\/utk\/css\/utk-alpha-default-wide.css":1,"sites\/all\/themes\/omega\/alpha\/css\/grid\/alpha_default\/wide\/alpha-default-wide-12.css":1}},"omega":{"layouts":{"primary":"normal","order":["narrow","normal","wide"],"queries":{"narrow":"all and (min-width: 740px) and (min-device-width: 740px), (max-device-width: 800px) and (min-width: 740px) and (orientation:landscape)","normal":"all and (min-width: 960px) and (min-device-width: 960px), all and (max-device-width: 1024px) and (min-width: 1024px) and (orientation:landscape)","wide":"all and (min-width: 1220px)"}}}});
    //--><!]]>
    </script>
      <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
    </head>
    <body class="html front not-logged-in page-node domain-cci-drupal-8888">
      <div id="skip-link">
        <a href="#main-content" class="element-invisible element-focusable">Skip to main content</a>
      </div>
      <div class="region region-page-top" id="region-page-top">
      <div class="region-inner region-page-top-inner">
          </div>
    </div>  
    
    <!--[if IEMobile 7]><html class="no-js iem7 oldie"><![endif]-->
    <!--[if lt IE 7]><html class="no-js ie6 oldie" lang="en"><![endif]-->
    <!--[if (IE 7)&!(IEMobile)]><html class="no-js ie7 oldie" lang="en"><![endif]-->
    <!--[if (IE 8)&!(IEMobile)]><html class="no-js ie8 oldie" lang="en"><![endif]-->
    
    <!--[if (gte IE 9)|(gt IEMobile 7)]><!--><html class="no-js" lang="en"><!--<![endif]-->
    
    
    <!--[if (lt IE 9) & (!IEMobile)]>
    <script src="http://www.utk.edu/js/libs/imgsizer.js"></script>
    <![endif]-->
    
     <script>
    // iOS scale bug fix
    MBP.scaleFix();
    
    // Respond.js
    yepnope({
    	test : Modernizr.mq('(min-width)'),
    	nope : ['http://www.utk.edu/js/libs/respond.min.js']
    });
    </script>
    
    <header id="masthead">
    	<div class="container">
    		<section class="wordmark columns">
    			<h1 class="logo"><a href="http://www.utk.edu/">The University of Tennessee, Knoxville</a></h1>
    		</section>
    					
    		<section class="tools columns">
    			<ul id="toolbox">
    				<li class="n1"><a href="http://registrar.tennessee.edu/academic_calendar/">Calendars</a>
    				  <ul>
    				    <li><a href="http://www.utk.edu/events/events/">EVENT CALENDAR</a></li>
    				    <li><a href="http://registrar.tennessee.edu/academic_calendar/">ACADEMIC CALENDAR</a></li>
    				    <li><a href="http://registrar.tennessee.edu/academic_calendar/">ACADEMIC TIMETABLE</a></li>
    				    <li><a href="http://registrar.tennessee.edu/academic_calendar/">KEY DATES</a></li>
    				    <li><a href="/calendar/">CCI CALENDAR</a></li>
    				    <a href="scl/calendar/">SCRIPPS LAB CALENDAR</a></li>
    			      </ul>
    				</li>
    				<li class="n2"><a href="http://www.utk.edu/maps/">Maps</a>
    				  <ul>
    				    <li><a href="http://www.utk.edu/maps/">Interactive </a></li>
    				    <li><a href="http://www.utk.edu/maps/archive/">PDF versions</a></li>
    			      </ul>
    				</li>
    				<li class="n3"><a href="http://www.utk.edu/alpha/">A-Z</a> 
    				  <ul>
    				    <li><a href="http://www.utk.edu/alpha/#A-E">A-E</a></li>
    				    <li><a href="http://www.utk.edu/alpha/#F-J">F-J</a></li>
    				    <li><a href="http://www.utk.edu/alpha/#K-O">K-O</a></li>
    				    <li><a href="http://www.utk.edu/alpha/#P-T">P-T</a></li>
    				    <li><a href="http://www.utk.edu/alpha/#U-Z">U-Z</a></li>
    			      </ul>
    				</li>
    				<li class="n4"><a href="http://directory.utk.edu/">People Finder</a>
    					<ul>
    						<li><a href="http://directory.utk.edu/">CAMPUS DIRECTORY</a></li>
    						<li><a href="http://chancellor.utk.edu/">CHANCELLOR</a></li>
    						<li><a href="http://provost.utk.edu/">PROVOST</a></li>
    						<li><a href="http://chancellor.utk.edu/staff/">VICE CHANCELLORS</a></li>
    						<li><a href="http://provost.utk.edu/staff/deans.shtml">ACADEMIC DEANS</a></li>
    					</ul>
    				</li>
    				<li class="n5"><a href="https://oit.utk.edu/accounts/email/Pages/">E-mail</a>
    				  <ul>
    						<li><a href="https://tmail.utk.edu/">TMAIL</a></li>
    						<li><a href="http://outlook.com/">VOLMAIL</a></li>
    						<li><a href="http://listserv.utk.edu/">LISTSERV</a></li>
    						<li><a href="https://oit.utk.edu/accounts/email/Pages/">ABOUT</a></li>
    			      </ul>
    				</li>
    				<li class="n6"><a href="https://oit.utk.edu/">Logins</a>
    				  <ul>
    						<li><a href="http://myutk.utk.edu/">MYUTK</a></li>
    						<li><a href="http://online.utk.edu/">ONLINE@UT</a></li>
    						<li><a href="http://iris.tennessee.edu/">IRIS</a></li>
    						<li><a href="https://oit.utk.edu/accounts/unix-volspace/Pages/default.aspx">WEB ACCOUNTS</a></li>
    						<li><a href="https://oit.utk.edu/accounts/passwords/Pages/default.aspx">PASSWORDS</a></li>
    						<li><a href="/user/login/">CCI Website Login</a></li>
    			      </ul>
    				</li>
    				<li class="n7"><a href="http://www.lib.utk.edu/">Libraries</a>
    				  <ul>
    						<li><a href="http://www.lib.utk.edu/">UNIVERSITY LIBRARIES</a></li>
    						<li><a href="http://www.lib.utk.edu/agvet/">AGRICULTURE &amp; VET MED</a></li>
    						<li><a href="http://www.law.utk.edu/library/">LAW</a></li>
    						<li><a href="http://gsm.utmck.edu/library/">MEDICAL</a></li>
    						<li><a href="http://www.lib.utk.edu/music/">MUSIC</a></li>
    						<li><a href="http://www.lib.utk.edu/swn/">SOCIAL WORK</a></li>
    						<li><a href="http://www.utsi.edu/library/">SPACE INSTITUTE</a></li>
    						<li><a href="http://www.lib.utk.edu/spcoll/">SPECIAL COLLECTIONS</a></li>
    			      </ul>
    				</li>
    			</ul>
    			<div class="search">
                <form id="utk_seek" name="utk_seek" method="post" accept-charset="iso-8859-1"  action="http://www.utk.edu/masthead/query.php" speech x-webkit-speech>
    						<input type="text" name="qt"   class="searchfield" title="search" />
    						<input type="hidden" name="qtype" class="searchtext" value="utk" title="search type" /> 
    						<input name="go" type="submit" title="Submit" class="searchbutton" value="Search">
    			 </form>	
                 </div>
                 <div>
                <select><option selected="selected" value="">University Tools...</option><option value="http://registrar.tennessee.edu/academic_calendar/">Calendars</option><option value="http://www.utk.edu/events/">EVENT CALENDAR</option><option value="http://registrar.tennessee.edu/academic_calendar/">ACADEMIC CALENDAR</option><option value="http://registrar.tennessee.edu/academic_calendar/">ACADEMIC TIMETABLE</option><option value="http://registrar.tennessee.edu/academic_calendar/">KEY DATES</option>
                <option value="/calendar/">CCI CALENDAR</option><option value="scl/calendar/">SCRIPPS LAB CALENDAR</option>
                <option value="http://www.utk.edu/maps/">Maps</option><option value="http://www.utk.edu/maps/">Interactive </option><option value="http://www.utk.edu/maps2/archive/">Archive</option><option value="http://utk.edu/alpha/">A-Z</option><option value="http://utk.edu/alpha/#A-E">A-E</option><option value="http://utk.edu/alpha/#F-J">F-J</option><option value="http://utk.edu/alpha/#K-O">K-O</option><option value="http://utk.edu/alpha/#P-T">P-T</option><option value="http://utk.edu/alpha/#U-Z">U-Z</option><option value="http://directory.utk.edu/">People Finder</option><option value="http://directory.utk.edu/">CAMPUS DIRECTORY</option><option value="http://chancellor.utk.edu/">CHANCELLOR</option><option value="http://provost.utk.edu/">PROVOST</option><option value="http://chancellor.utk.edu/staff/">VICE CHANCELLORS</option><option value="http://provost.utk.edu/staff/deans.shtml">ACADEMIC DEANS</option><option value="https://oit.utk.edu/accounts/email/Pages/">E-mail</option><option value="https://tmail.utk.edu/">TMAIL</option><option value="http://outlook.com/">VOLMAIL</option><option value="http://listserv.utk.edu/">LISTSERV</option><option value="https://oit.utk.edu/accounts/email/Pages/">ABOUT</option><option value="https://oit.utk.edu/">Logins</option><option value="http://myutk.utk.edu/">MYUTK</option><option value="http://online.utk.edu/">ONLINE@UT</option><option value="http://iris.tennessee.edu/">IRIS</option><option value="https://oit.utk.edu/accounts/unix-volspace/Pages/default.aspx">WEB ACCOUNTS</option><option value="https://oit.utk.edu/accounts/passwords/Pages/default.aspx">PASSWORDS</option>
                <option value="/user/login">CCI Website Login</option><option value="http://www.lib.utk.edu/">Libraries</option><option value="http://www.lib.utk.edu/">UNIVERSITY LIBRARIES</option><option value="http://www.lib.utk.edu/agvet/">AGRICULTURE &amp; VET MED</option><option value="http://www.law.utk.edu/library/">LAW</option><option value="http://gsm.utmck.edu/library/">MEDICAL</option><option value="http://www.lib.utk.edu/music/">MUSIC</option><option value="http://www.lib.utk.edu/swn/">SOCIAL WORK</option><option value="http://www.utsi.edu/library/">SPACE INSTITUTE</option><option value="http://www.lib.utk.edu/spcoll/">SPECIAL COLLECTIONS</option></select>	
    			</div>
    		</section>
    	</div>
    </header>
    Attached Images Attached Images

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,467
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    Try fixing the list first and see if that makes a difference.

    Code:
    <li class="n1"> <a href="http://registrar.tennessee.edu/academic_calendar/">Calendars</a>
    		<ul>
    				<li><a href="http://www.utk.edu/events/events/">EVENT CALENDAR</a></li>
    				<li><a href="http://registrar.tennessee.edu/academic_calendar/">ACADEMIC CALENDAR</a></li>
    				<li><a href="http://registrar.tennessee.edu/academic_calendar/">ACADEMIC TIMETABLE</a></li>
    				<li><a href="http://registrar.tennessee.edu/academic_calendar/">KEY DATES</a></li>
    				<li><a href="/calendar/">CCI CALENDAR</a></li>
    				<li><a href="scl/calendar/">SCRIPPS LAB CALENDAR</a></li>
    		</ul>
    </li>
    You missed the opening list tag in the last list item shown above.

    There's also a lot of errors on that page and some weird doctype and two html tags.

  3. #3
    SitePoint Member
    Join Date
    Jul 2012
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thank you!! That fixed it!! I will look at the CSS Validator and fix the errors. So simple yet so hard to find when you've been staring at it for days!!
    Thank you also for your quick reply - very very much appreciated.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •