Odd blue line

First you need to resize the size of the image on the left resizing the width to about 20%...

Then Edit Compare the ff, CSS and Html to original... I edited it to fix the problem... Cross browser with FF, Opera and Ie

Image names are different coz i just saved your page...

Heres CSS
body {
margin: 10;
background-color: #063;
color: #000;
font-style: normal;
font-weight: normal;
text-decoration: none;
font-size: 16px;
font-family: times new roman, serif;
}

a:link, a:visited, a:active {
color: #00f;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

#main_container {
width: 750px;
background-color: #A8D4FF;
border: 2px solid #000;
}

#header {
width: 750px;
height: 180px;
background-color: #cfc;
background-image: url(template.jpg);
}

#left_column {
background-color: #fff;
background-image: url(templatf.jpg);
background-repeat: repeat-y;
width: 200px;
padding-left: 1px;
height: 100%;
}

#featured_items {
margin-left: 60px;
}

#main_content {
background-color: #fff;
width: 550px;
padding: 10px;
}

.center {
display: block;
text-align: center;
margin: 0 auto 0 auto;
}

Heres Html

A Southern Touch Gifts and Home

<script language="JavaScript1.1">

//*****************************************
// Blending Image Slide Show Script-
// © Dynamic Drive (dynamicdrive.com)
// For full source code, visit http://www.dynamicdrive.com/
//*****************************************

//specify interval between slide (in mili seconds)
var slidespeed=3000

//specify images
var slideimages=new Array("/graphics/slideshow/front.jpg","/graphics/slideshow/lampe.jpg","/graphics/slideshow/usc.jpg","/graphics/slideshow/baby.jpg","/graphics/slideshow/lamps.jpg")

//specify corresponding links
var slidelinks=new Array("http://www.dynamicdrive.com","http://javascriptkit.com")

var newwindow=0 //open links in new window? 1=yes, 0=no

var imageholder=new Array()
var ie=document.all
for (i=0;i

items section
items section
items section
items section
items section
items section
items section

Website Currently Under Construction.

<script language="JavaScript1.1">

var whichlink=0
var whichimage=0
var blenddelay=(ie)? document.images.slide.filters[0].duration*1000 : 0
function slideit(){
if (!document.images) return
if (ie) document.images.slide.filters[0].apply()
document.images.slide.src=imageholder[whichimage].src
if (ie) document.images.slide.filters[0].play()
whichlink=whichimage
whichimage=(whichimage

Hi. Thanks for the reply. Before I go on, can you please remove the link to the site from your last post? I used a redirect url to avoid being linked to the site in Google.

Now then, I haven't had an opportunity to test out what you suggested yet but I am confused by some items. I notice you removed the float css from #featured_items. That's fine and I'll try that later. But I don't understand two other things. Why did you add padding-left: 1px; to #left_column? It lined up perfectly left/right on both IE and FF so wouldn't that just shift it out of horizonal alignment? Also, I don't understand anything about why I would resize my left graphic to 20% of it's current size.