I've got a couple of teething issues that I can't seem to sort on a website build.

http://www.adclweb.com/dev/st-treadm...re/default.asp

I have a 3 column layout; it's the central column that seems to look central in IE but when in Mozilla, it appears left aligned - have tried to fix it through a number of ways but doesn't seem to work.

This is the CSS for the columns:

#containerleft {
width: 218px;
height: 418px;
background-position: center;
background-color:#FFFFFF;
background:url(../images/bg-left.gif) no-repeat;
float:left;
margin-top:2px;
}

#containermiddle {
margin: 4px auto ;
height:auto;
width: 350px;
padding: 2px 12px 0px 12px;
}

#containerright {
width: 148px;
height: 418px;
background-position: center;
background-color:#FFFFFF;
background:url(../images/bg-right.gif) no-repeat;
float:right;
margin-top:2px;
}

------------------------------------------------------------

The second issue is when looking at:

http://www.adclweb.com/dev/st-treadm...ucts.asp?id=10

The dividing line seems to cut through the image in Mozilla but is OK in IE.

I am using a <div> for the horizontal line:

<div id="shopdivide"></div>

and the css is:

#shopdivide {
clear:none;
border-top: 1px solid #2A757E;
border-bottom: 1px solid #FFFFFF;
padding-top: 5px;
padding-bottom: 5px;
}

Can anyone help on these questions?

thanks

Adam

Hi try this
1. add float:left; to your #containermiddle
2.place your "linksprominent" div inside the middle container
3.Do some margin ajustments
__________________________________________________ ________
I am DJ Kat...that's my name. Its a D and a J and a Kat with a K.

thanks Kat - sorted - I floated it right and then applied padding to the left - prob not the correct method but it works in IE and Mozilla now.