Having an issue with the website jgimprinters.com. It loads and functions properly in Chrome, but not in Internet Explorer or Firefox. I have confirmed that Internet Explorer is downloading the style sheet, however it is not applying many of the styles. In IE, elements like the menu button that should be hidden in full size are visible and oversized, none of the menu styling is taking effect, and background colors are not displaying correctly. Even though the stylesheet is being recognized by IE, the styles are not being applied.
Any assistance would be greatly appreciated.
Thank you
EDIT: Here are some snippets of code that are not working - most notably, the entire navigation bar is dysfunctional and the header is missing from below the navigation bar.
#nav-wrapper{
max-width:900px;
margin:0 auto;
}
#nav{
list-style:none;
}
#nav li{
float:left;
}
#nav li a{
webkit-border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0;
padding: 0 17px;
margin: 0 auto;
position: relative;
display: block;
height: 30px;
cursor: pointer;
text-decoration: none;
color: #FFFFFF;
line-height: 30px;
text-align: center;
font-size:12px;
font-weight:bold;
}
#nav li a.active, #nav li a.better-active{
background: #EDEDED;
color: #5D5F5D;
}
#nav li a:hover{
background:#5D5F5D;
color:#ffffff;
}
#menu-button{
display:none;
width:36px;
cursor:pointer;
}
#menu-button img{
margin:0px;
}
#head-wrapper{
height:150px;
background:url('/wp-content/uploads/2015/02/header.png') no-repeat;
background-position:center;
width:100%;
display:block;
}
#head-inner{
width:100%;
max-width:900px;
margin:0 auto;
}
#logo{
margin-left:30px;
float:left;
}
#head-right{
float:right;
width:270px;
margin-top:30px;
margin-right:15px;
}
#callout{
font-size: 14px;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
text-decoration: none;
text-transform: none;
font-variant: normal;
text-align: left;
color: #ED1D2E !important;
width:280px;
}
#phone{
font-size: 30px;
font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
text-align: left;
vertical-align: middle;
color: #000000 !important;
text-decoration:none;
}Internet Explorer and Firefox seem to be ignoring all of the above code.
Current appearance:
Desired appearance: