css weirdness

[lennon]

Hi guys maybe you can help me.

I'm nearly done with this site but am having an annoying issue with IE6. Not the first time I've ever said that.

http://www.kinlaygalway.ie/site/home.shtml

You can see the "ore.." is repeated on the left colum. Its not actually in the code twice.

I've tried every one of the few tricks in my book. Is there any CSS master/nice person out there that has a notion?

Would really appreciate this guys. I'm well and truly stumped.

Code: Select all

* Layout sections */
	body {
		background:#fff
		}
		
	div#pagewrapper {
		border: 0px solid #000;
		
	    }
		
	div#header {
		color: #fff;
		}
		
	div#footer {
		color: #100000;
		background-color: #fff;
		}
		
/* Links */		
	a,
	a:link 
	a:active, a:visited {
		color: #C41D2C;
	}

a:hover {
color:#FF6600;
}

/* Headings */	
	h1, h2, h5{
		color: #41165D;
	}
.phone {
color: #41165D;
}

	h3, h4, h6 {
		color: #C41D2C;
	}


#menu_vert,{
  margin: 0px;
  padding: 0px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  }

#menu_vert ul {
  width: 171px; /* Width of Menu Items */
  border-top: 0px solid #006699;
  border-right: 0px solid #006699;
  background: transparent;
  margin: 0;
  padding: 0;
  }
#menu_vert li {
padding:0 0 0 20px;
  list-style: none;
  }

#menu_vert li a {
  display: block;
  text-decoration: none;
  padding: 8px 8px 8px 10px;
  border-bottom: 1px solid #FEDBB5;
  color: #000000;
background: #fff url(uploads/images/nav_arrow.gif) right center no-repeat;
  }

/* Fix IE. Hide from IE Mac \*/
* html #menu_vert li { float: left; height: 1%; }
* html #menu_vert li a { height: 1%; }
/* End */

    div#menu_vert ul ul li a, 
    div#menu_vert ul ul li a:link, 
    div#menu_vert ul ul li a:visited  {
        display: block;
        padding: 3px 5px 3px 25px;
        border-bottom: none;
        font-size: 90%;
    }
    div#menu_vert ul ul  {
      border-right: none;
      border-top: none;
      border-bottom: 0px solid #006699;
      padding-bottom: 5px;
    }

    div#menu_vert ul ul ul li a, 
    div#menu_vert ul ul ul li a:link, 
    div#menu_vert ul ul ul li a:visited  {
        padding-left: 40px;
    }
    div#menu_vert ul ul ul  {
      border-bottom: none;
    }
#menu_vert li ul li a { padding: 5px 5px; } /* Sub Menu Styles */

/* fixed image flicker by adding .cssmenu-vertical ul */

#menu_vert li a:hover {
	background-color: #FEE1C2;
}

.current
{
	list-style-type: square;
	display: inline;
	background-color: #FEE1C2;
}

#menu_vert li.activeparent {
   background-color: #FEE1C2;
}

#menu_vert li.active01 h3 {
  display: block;
  text-decoration: none;
  padding: 5px 5px 5px 10px;
  border-bottom: 0px solid #006699;
  color: #000000;
  margin: 0;
  font-size: 1em;
  line-height: 1em;
  background-color: #FEE1C2;
  }

#menu_vert li.active02 h3
{
  display: block;
  padding: 3px 5px 3px 25px;
  border-bottom: none;
  font-size: 90%;
  font-weight: bold;
  color: #000000;
  margin: 0;
}

#menu_vert li.active03 h3
{
  display: block;
  padding: 3px 5px 3px 40px;
  border-bottom: none;
  font-size: 90%;
  font-weight: bold;
  color: #000000;
  margin: 0;
}

li.sectionheader {
  margin: 0;
  margin-right: -1px;
 }
li.sectionheader h3 {
   margin: 0;
   padding: 1em 10px 0.5em 10px;
   border: none;
   background-color: #fff;
  border-bottom: 0px solid #006699;
  z-index: 90;
}

li.separator {
   height: 1px;
   padding: 0.5em 0;
   margin: 0;
   width: 100%;
   border-bottom: 0px dotted black;
	}


/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

/* SITE SPECIFIC LAYOUT */
    body {
margin:  20px auto 0px auto;
        padding: 0;
        text-align: center;
background-image: url(uploads/images/bg.gif);
background-repeat: repeat-y;
background-position:center;
    }

div#headbg {
 margin:  0px auto 0px auto;
padding:0;
width:882px;
height:257px;
background-image: url(uploads/images/header_bg.jpg);
background-repeat: no-repeat;
}

div#logo {
width:480px;
height:146px;
float:left;
margin:0;
padding:0;
display:block;

}
div#logo img {
padding:13px 0 0px 70px;
margin:0;
}
div#headtext {
width:300px
float:left;
margin:0;
padding:0;
display:block;
height:146px;
}

div#headtextpadd {
margin:0px;
padding:20px 0 0 0px;

}

div#banner {
 margin: 0px;
padding:0;
text-align:center;
background-image: url(uploads/images/shadow_bg.jpg);
background-repeat: repeat-y;
background-position:center;
}

div#shadow {
background-image: url(uploads/images/shadow_bg.jpg);
background-repeat: repeat-y;
width:882px;
 margin:  0px auto 0px auto;
padding:0;
}


    div#pagewrapper {
 margin:  0px auto 0px auto;
width:760px;
        padding: 0;
        text-align:center;
    }


    div#container {
background-image: url(uploads/images/main_bg.jpg);
background-repeat: repeat-y;
background-position:center;
width:760px;
postion:relative;
margin:0;
padding: 18px 0 0 0;
    }
    
    /* HEADER */
        div#header {
            margin: 0;
            padding: 0;
            height: 80px;
            background: #385C72;           
            text-align: left;
        }
        div#header h1 a {
            background:  url(uploads/images/logo1.gif) no-repeat 0 12px; 
            display: block;
            height: 80px;
            text-indent: -700em;
            width: 198px;
            margin: 0;
            padding: 0;
        }
    /* END HEADER */
    
    
    /* CONTENT */
        div#content {

        }
        
        /* MAIN */
            div#main {

            }
        /* END MAIN */
        
        /* SUB */
            div#sub {
                
            }
        /* END SUB */
        
    /* END CONTENT */
    
    
    /* FOOTER */
        div#footer {
 margin:  0px auto 0px auto;
background-image: url(uploads/images/footer_bg.jpg);
background-repeat: no-repeat;
background-postion: center;
width:770px;
height:152px
        }

        div#footer p {
            font-size: 1em;
            margin: 0;
            padding: 15px 15px 0px 200px;
            text-align: left;
        }
        div#footer img {
            margin: 0;
            padding: 15px 0px 5px 0px;
            text-align: left;
        }
    /* END FOOTER */
/* END LAYOUT */



div.breadcrumbs {
   padding: 1em 0;
   text-align: left;
   font-size: 90%;
   margin: 0 1em;
   border-bottom: 1px dotted #000;
}

div.flags {
  float: right;
  width: 18px;
  padding: 1em 0;
  text-align: right;
  margin: 0 1em 0 0;
}

div.left49 {
  float: left;
  width: 49%;
  }

div.right49 {
  float: right;
  width: 49%;
  text-align: right;
  }

/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

/* NAV BAR ON THE LEFT AND TWO COLUMNS OF CONTENT */
    div#content {
        position: relative;
        margin: 0em 0 0em 0;
        padding: 0;
        text-align: left;
    }
    div#menu_vert {
        float: left;
        width: 195px;
        display: inline;
    }
    div#main {
        float: left;
        width: 345px;
        display: inline;
    }

div#text {
margin:0px 10px 20px 25px;
padding:0px;
}
    div#content2 {
        float: left;
        width: 200px;
        display: inline;
        padding: 0px;
margin:0;
    }

div#book {
margin:0;
padding: 0 0 15px 15px;
}

div#group {
margin:0;
padding: 0 0 0 18px;
}

/* END CONTENT */

/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

/* FORM ELEMENTS */
	form {
		margin:0;
		padding:0;
	}
	form div,
	form p {
		font-size: 1em;
		margin: 0 0 1em 0;
		padding: 0;
	}
	label {
		font-weight: bold;
	}
	fieldset {
		border: 1px solid #eee;
		padding: 5px 10px;
		margin: 0 0 1.5em 0;
	}
	fieldset legend {
		color: #666;
		font-size: 1.1em;
		font-weight: bold;
		margin: 0 0 0 0px;
		padding: 0;
		background-color: white;
	}
	* html fieldset legend {
		margin: 0 0 10px -10px;
	}
	fieldset ul {
		list-style: none;
		margin: 0 0 1.5em 0;
		padding: 0;
	}
	fieldset ul li {
		list-style: none;
		margin: 0 0 0.5em 0;
		padding: 0;
	}
     
	
	input, select, textarea {
		font-size:1em; 
		font-family: arial, helvetica, verdana, sans-serif;
        
        margin: 0;
		padding: 2px;
	}
	
	input, select {
		vertical-align:middle;
	}
	textarea {
		width: 200px;
		height: 8em;
	}
	
	input.check {
		border: none;
		width: auto;
		height: auto;
		margin: 0;
	}
	input.radio {
		border: none;
		width: auto;
		height: auto;
		margin: 0;
	}
	input.file {
		height: auto;
		width: 250px;
	}
	input.readonly {
		background-color: transparent;
		border: none;
	}
	input.button {
		width: 10em;
		border:1px solid black;
		background-color: #ddd;
	}
	input.image {
		border: none;
		width: auto;
		height: auto; 
	}
	
    form div.submit {
		margin: 1em 0;
	}
    form div.submit input {
		height: 2em;
        width: 15em;
	}
/* END FORM ELEMENTS */
		

/* A CSS Framework by Mike Stenhouse of Content with Style */

/* TYPOGRAPHY */
	body {
		text-align: left;
		font-family:"Trebuchet MS", Arial, sans-serif;
		font-size: 75.01%;
                line-height: 1em;
	}
	div {
		font-size: 1em;
	}
	img {
		border: 0;
	}
	
/* LINKS */
	a,
	a:link 
	a:active, a:visited {
		text-decoration: underline;
	}

        div#footer a, 	
        div#footer a:link 
	div#footer a:active, div#footer a:visited {
               color: #10000;
        }

	a:hover {
	text-decoration: none;
	}
/* END LINKS */
	
/* HEADINGS */
	h1 {
		font-size: 1.5em;
		line-height: 1em;
		margin: 0;
		padding: 0;
	}
	h2 {
		font-size: 1.4em;
                line-height: 1.5em;
		margin: 0 0 0.5em 0;
		padding: 0;
	}
	h3 {
		font-size: 1.2em;
		line-height: 1.3em;
		margin: 0 0 0.5em 0;
		padding:0;
font-weight:normal;
	}
	h4 {
		font-size: 1.2em;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0;
	}
	h5 {
		font-size: 1.1em;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0;
	}
	h6 {
		font-size: 1em;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0;
	}
/* END HEADINGS */

/* TEXT */
	p {
		font-size: 1em;
		margin: 0 0 1.5em 0;
		padding: 0;
		line-height:1.4em;
	}
	blockquote {
		border-left: 10px solid #ddd;
		margin-left: 10px;
	}
	pre {
		font-family: monospace;
		font-size: 1.0em;
	}
	strong, b {
		font-weight: bold;
	}
	em, i {
		font-style:italic;
	}
    code {
        font-family: "Courier New", Courier, monospace;
        font-size: 1em;
        white-space: pre;
    }

	.phone {
		font-size: 1.5em;
		line-height: 1em;
		margin: 0;
		padding: 0;
	}
/* END TEXT */
	
/* LISTS */
	#main ul {
        line-height:1.4em;
		margin: 0 0 1.5em 0;
		padding: 0;
	}
	#main ul li {
		margin: 0 0 0.25em 30px;
		padding: 0;
	}
	ol {
		font-size: 1.0em;
		line-height: 1.4em;
		margin: 0 0 1.5em 0;
		padding: 0;
	}
	ol li {
		font-size: 1.0em;
		margin: 0 0 0.25em 30px;
		padding: 0;
	}
	dl {
		margin: 0 0 1.5em 0;
		padding: 0;
		line-height: 1.4em;
	}
	dl dt {
		font-weight: bold;
		margin: 0.25em 0 0.25em 0;
		padding: 0;
	}
	dl dd {
		margin: 0 0 0 30px;
		padding: 0;
	}
/* END LISTS */
	
	
/* TABLE */
	table {
        font-size: 1em;
		margin: 0 0 1.5em 0;
        padding: 0;
	}
	table caption {
		font-weight: bold;
		margin: 0 0 0 0;
		padding: 0 0 1.5em 0;
	}
	th {
		font-weight: bold;
		text-align: left;
	}
	td {
		font-size: 1em;
	}
/* END TABLE */	
	
	hr {
		display: none;
	}

	div.hr {
		height: 1px;
		margin: 1em 10px;
		border-bottom: 1px dotted black;
	}

	
/* END TYPOGRAPHY */	

/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

/* clearing */
	.stretch,
	.clear {
		clear:both; 
		height:1px; 
		margin:0; 
		padding:0; 
		font-size: 15px;
		line-height: 1px;
	}
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
	}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}

/* end clearing */


/* replace */
	.replace {
		display:block;
		
		background-repeat: no-repeat;
		background-position: left top;
		background-color:transparent;
	}
	/* tidy these up */
	.replace * {
		text-indent: -10000px;
		display:block;
		
		background-repeat: no-repeat;
		background-position: left top;
		background-color:transparent;
	}
	.replace a {
		text-indent:0;
	}
	.replace a span {
		text-indent:-10000px;
	}
/* end replace */


/* accessibility */
     span.accesskey {
     	text-decoration:none;
     }
     .accessibility {
     	position: absolute;
     	top: -999em;
     	left: -999em;
     }
dfn {
  position: absolute;
  left: -1000px;
  top: -1000px;
  width: 0;
  height: 0;
  overflow: hidden;
  display: inline;
}
/* end accessibility */

[cyberman]

Very mysterious - "ore.." looks like an overflow from " ... private bus tours and more..".

Don't know if it will works but have you tried this

div#group {
margin:0;
padding: 0 0 0 18px;
display: inline;
}

[lennon]

Yeah tried that. It moves the righthand colum underneath the left hand colum.

Its bizzare

[lennon]

Was an IE bug Added a right margin of -3px to my last float. Fixed.

Here's a link if anyone has the same issue...

http://www.positioniseverything.net/exp ... cters.html