Please login or register.

Login with username, password and session length
Advanced search  


Latest sNews - sNews 1.7 - with its own forums - for discussion and user mods.

Author Topic: Sidenav text shifts in IE6  (Read 3441 times)


  • Newbie
  • *
  • Karma: 0
  • Posts: 4
Sidenav text shifts in IE6
« on: January 31, 2008, 11:35:30 am »

I uploaded my revised home page and checked it in safari, opera, firefox, netscape and IE6.  In IE6 the side navigation labels are over too far on the right until I hit the F5 key.  All other browsers are fine.

I was told this was to do with my DOCTYPE and when trying to validate at, I get 6 errors relating to the DOCTYPE.

Where am I going wrong please?

Here is my SIDENAV CSS:

#sidenav {
   float: left;
   width: 210px;
   font: normal 12px "Trebuchet MS", Helvetica, Sans-Serif;
#sidenav h2 {
   color: #5A5A43;
   font-size: 1.1em;
   line-height: 30px;
   margin: 0;
   padding-left: 2px;

#sidenav ul {
   padding: 0;
#sidenav li {border-bottom: 1px solid #EAEADA;}
#sidenav li a {
   font-weight: bold;
   font-size: 1em;
   color: #546F92;
   background: #C2CEDE url("../images/arrow.gif") no-repeat center left; /*main colour*/
   display: block;
   padding: 8px 0 8px 12%;
   text-decoration: none;
#sidenav li a:hover { background: #9EB1C9 url (../img/arrow.gif) no-repeat center left; color: #fff;  }