IE6 problem with a new Theme. Any help with a fix please.

[burlington]

I do like This new Theme.

However, on testing it, I find that it needs a fix for IE6. What happens is that the menu bar becomes vertical rather than horizontal. Works fine in IE7 and elsewhere.

This is the CSS file:

/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
margin: 0;
padding: 0;
background: #353535 url(****/uploads/zionnarrows/img03.jpg') no-repeat center top;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #534616;
}

h1, h2, h3 {
margin: 0;
padding: 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
color: #534616;
}

h1 {
font-size: 2em;
}

h2 {
font-size: 1.8em;
}

h3 {
font-size: 1.6em;
}

p, ul, ol {
margin-top: 0;
line-height: 180%;
}

ul, ol {
}

a {
text-decoration: underline;
color: #534616;
}

a:hover {
}

#wrapper {
width: 960px;
margin: 0 auto;
padding: 0;

}

/* Header */

#header {
width: 960px;
height: 110px;
margin: 0 auto;
}

/* Logo */

#logo {
float: left;
height: 65px;
margin: 0;
padding-top: 20px;
color: #FFFFFF;
}

#logo h1, #logo p {
margin: 0;
padding: 0;
}

#logo h1 {
float: left;
letter-spacing: -1px;
text-transform: lowercase;
font-size: 4.6em;
color: #FFFFFF;
}

#logo p {
float: left;
margin: 0;
padding: 30px 0 0 10px;
font: normal 14px Georgia, "Times New Roman", Times, serif;
font-style: italic;
}

#logo a {
border: none;
background: none;
text-decoration: none;
color: #FFFFFF;
}

/* Search */

#search {
float: right;
width: 300px;
height: 110px;
padding: 0;
}

#search form {
height: 41px;
margin: 0;
padding: 50px 0 0 20px;
}

#search fieldset {
margin: 0;
padding: 0;
border: none;
}

#search-text {
width: 195px;
padding: 5px 5px 4px 5px;
border: 1px solid #DEDEDE;
background: #FFFFFF;
text-transform: lowercase;
font: normal 11px Arial, Helvetica, sans-serif;
color: #703522;
}

#search-submit {
width: 50px;
height: 25px;
}

/* Menu */

#menu {
width: 960px;
height: 45px;
margin: 0 auto;
padding: 0;
background: #1E1E1E;
}

#menu ul {
margin: 0;
padding: 0px 0px 0px 25px;
list-style: none;
line-height: normal;
}

#menu li {
float: left;
}

#menu a {
display: block;
margin-right: 3px;
height: 35px;
padding: 15px 20px 7px 20px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #FFFFFF;
border: none;
}

#menu a:hover, #menu .current_page_item a {
}

#menu .current_page_item a {
padding-left: 0;
}

#menu a:hover {
text-decoration: underline;
}

/* Page */

#page {
width: 960px;
margin: 0 auto;
padding: 20px 0px 0px 0px;
}

#page-bgtop {
}

#page-bgbtm {
}

/* Content */

#content {
float: right;
width: 670px;
padding: 0;
}

.post {
margin-bottom: 25px;
padding: 0px;
background: #FFFFFF;
}

.post-bgtop {
}

.post-bgbtm {
}

.post .title {
height: 38px;
background: #1E1E1E url('http://****/uploads/zionnarrows/img01.jpg') repeat left top;
padding: 12px 0 0 20px;
letter-spacing: -.5px;
color: #FFFFFF;
}

.post .title a {
border: none;
color: #FFFFFF;
}

.post .meta {
padding-top: 20px;
padding-bottom: 5px;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: italic;
}

.post .meta a {
}

.post .entry {
background: url('http://****/uploads/zionnarrows/img02.jpg') no-repeat top;
padding: 0px 20px 20px 20px;
padding-bottom: 20px;
text-align: justify;
}

.links {
display: block;
width: 100px;
height: 20px;
margin-top: 20px;
text-align: center;
text-transform: uppercase;
font-size: 10px;
font-weight:  bold;
}

/* Sidebar */

#sidebar {
float: left;
width: 240px;
padding: 0px;
background:white;
letter-spacing: -.5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #534616;
text-align: justify;

}


#sidebar h2 {
height: 38px;
padding: 12px 0 0 20px;
background: #1E1E1E;
letter-spacing: -.5px;
color: #FFFFFF;
}

#sidebar p {
margin: 0px 0px 20px 0px;
padding: 10px 20px 20px 20px;
background: #FFFFFF;
text-align: justify;
letter-spacing: -.5px;
background: url('http://****/uploads/zionnarrows/img02.jpg') no-repeat center;
}

#sidebar a {
border: none;
}



/* Calendar */

#calendar {
}

#calendar_wrap {
padding: 20px;
}

#calendar table {
width: 100%;
}

#calendar tbody td {
text-align: center;
}

#calendar #next {
text-align: right;
}

/* Footer */

#footer {
width: 960px;
height: 64px;
margin: 0 auto;
padding: 0px 0 15px 0;
font-family: Arial, Helvetica, sans-serif;
}

#footer p {
margin: 0;
padding-top: 26px;
line-height: normal;
font-size: 12px;
text-align: center;
color: white;
}

#footer a {
font-weight: bold;
color: #898989;
}


Can anyone suggest a fix please?

Thanks

Martin

[Dr.CSS]

That link to the theme doesn't work, it is best in this board to give a link to your problem page...

[burlington]

Thank you.

The theme is the 'zion narrows' theme, available since November.

What I have done is to try this theme out on an existing website, as I usually do, just to see what it looks like and to test to make sure it works OK before using it for real on a new site.

The site & test page I used was at http://www.llandrindod-rugby.org.uk/index.php?page=test. The theme works fine in various screen resolutions and in all the browsers I tried except for IE6. In IE6 the menu becomes vertical. It does the same in IE5.5!

The CSS files used are the one which came with the theme, and the Accessibility & Cross Browser file. I have also tried it without this latter file and it makes no difference at all. CMSMS Version used is 1.7 'Cape Verde'.

Regards

Martin

[burlington]

Just bumping this one up the list.

Any help would be much appreciated.

Thank you in advance.

Martin