Thanks AMD.
The website is at
http://www.kairos-systems.com/newsite/
This problem is driving me nuts as some people report a collapse in their browser and others dont. When Im using i.e 8 it will randomly collapse but after clearing my history and refreshing all is ok.
Works fine in Chrome,Firefox,Opera.
When doing a render on here
http://ipinfo.info/netrenderer/index.php under Ie7 it collapeses but i.e 8 is ok?
Here is the css for the nav. I like the template so much I havent changed much of this if any. Any help much appreciated as we like the menu so much as it looks and feels good.
Thanks
James
#header .nav {
position:relative;
clear:both;
background:url(../images/nav.jpg) top repeat-x #4F9EC9;
border-bottom:2px solid #4F9EC9;
border-top:2px solid #388CBA;
border-left:2px solid #388CBA;
border-right:2px solid #388CBA;
padding:10px 10px 10px 0 !important;
padding:4px 10px 10px 0;
}
#header a em {
font-style:normal;
text-decoration:underline;
}
#header .nav a {
color:#fff;
font:140% Trebuchet MS;
text-decoration:none;
padding:10px;
}
#header .nav a:hover {
background:#4F9EC9;
}
#header .nav li.active a{
background:#4F9EC9;
}
#header .nav li {
display:inline;
list-style:none;
margin:0 1px 0 0;
}
#header .subnav {
background:#4F9EC9;
padding:5px 7px 7px 7px;
font:90% Verdana;
color:#DEEDF5;
border-bottom:2px solid #388CBA;
border-left:2px solid #388CBA;
border-right:2px solid #388CBA;
border-top:2px solid #3086B7;
display:none;
position:absolute;
top:40px;
left:-2px;
width:98.5%;
}
#header .active ul, #header li:hover ul{
display:block;
}
#header .subnav li {
list-style:none;
display:inline;
}
#header .subnav a {
color:#DEEDF5;
text-decoration:none;
font:100% Verdana;
padding:5px;
border-bottom:2px solid #4F9EC9;
}
#header .subnav a:hover {
border-bottom:2px solid #388CBA;
color:#fff;
}
#header .subnav li.active a{
border-bottom:2px solid #388CBA;
color:#fff;
}