I am having layout issues with a sidebar content box in ie6, looks great in firefox and safari on the mac, just looked on virtual pc in ie6 and it's shifted, not sure why?
url is http://www.39stepsstudio.com/nikkis/index.html
css used for the box is:
/* set the image to use and establish the lower-right position */
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{
background: transparent url(images/img.png) no-repeat bottom right}
.cssbox{ /* intended total box width - padding-right(next) */ width:185px!important;
/* IE Win = width - padding */ width: 150px;
/* the gap on the right edge of the image (not content padding) */ padding-right:15px;
/* use to position the box */ margin:5px} /* set the top-right image */
.cssbox_head{background-position:top right;
/* pull the right image over on top of border */ margin-right:-15px;
/* right-image-gap + right-inside padding */ padding-right:40px}
/* set the top-left image */ .cssbox_head h2{ background-position:top left; margin:0;
/* reset main site styles*/ border:0;
/* ditto */ /* padding-left = image gap + interior padding ... no padding-right */
padding:20px 0 5px 15px; height:auto !important; height:1%}
/* IE Holly Hack */ /* set the lower-left corner image */
.cssbox_body{ background-position:bottom left; margin-right:0px;
/* interior-padding right */
padding:5px 0 15px 15px}
any help would be appreciated
Cheers - Lewis
Add display:inline; in #left
Add display:inline; in #left (double margin bug)
worked a treat! thanks for
worked a treat! thanks for your help!
Cheers - Lewis