Hi!

I have just got my first SilverStripe site up and running (version 2.1.1). But I have a problem viewing the site in IE6. The subpage-navigation in the BlackCandy theme looks strange. Have a look at for example www.esystem.se/personalliggare. The subpage-navigation is yellow and red.

The Page.ss file in webroot/themes/blackcandy/templates contains the following and has not been changed as far as I know:

<!--[if IE 6]>
<style type="text/css">
@import url(themes/blackcandy/css/ie6.css);
</style>
<![endif]-->

<!--[if IE 7]>
<style type="text/css">
@import url(themes/blackcandy/css/ie7.css);
</style>
<![endif]-->

I have visited other SilverStripe sites with the same theme, and they seems to work correctly. Any ideas of whats wrong?

Regards,
Lars

I have now downloaded the latest version of the theme and replaced the old ones in the themes-folder. But the yellow and red still appears in IE6.

Your fixing proposal didnt do the trick fully. http://demo.silverstripe.com/about-us/ is doing fine with sidemenu compared to mine http://asv.webhotel.net/silverstripe/

My css for IE 6.0 are as following:

/**
SilverStripe Black Candy Theme
http://www.silverstripe.com

IE6 Hacks Stylesheet.
*/
#Sidebar ul#Menu2 li a {
width: 185px; /* 196 - 4 - 2 - some random ie bug = 185 */
}
#Sidebar ul#Menu2 li a:hover,
#Sidebar ul#Menu2 li a.current,
#Sidebar ul#Menu2 li a.current:hover {
background-image: none;
background: #DCDCDC;
}

#Sidebar ul#Menu2 li li a {
width: 183px;
}
#Sidebar ul#Menu2 li li a.levelb:hover {
background: #BCBCBC;
}
#Sidebar ul#Menu2 li li a.current {
background: #BCBCBC;
}
/* Again IE does not like Margins and padding around my nice forms **/
label {
   margin-bottom: -10px;
}

input.action {
   padding: 2px !important;
}
#Sidebar input.action {
   width: 50px;
   margin-top: -27px;
}
#Sidebar .middleColumn {
   width: 112px;
}
span.middleColumn {
   display: inline-block;
}