[aconite]

hi,

why is it that the footer for http://www.christinebec.com/About%20...ditorials.html is not at the bottom and my #wrapper doesn't also stretch down (the background color for the wrapper is #FFFBE8) when viewed in firefox. Also when I view this page in IE there is a bright blue border around each image and the footer & #wrapper are also not further down, why?
the CSS is below:

body {
background-color: #fffef9;
font-family: "Century Gothic";
font-size: 62.5%;
color: #000000;
font-weight:normal;
height:auto;
}

#wrapper {
background-color:#fffbe8;
height:auto;
width:750px;
margin-right:auto;
margin-left:auto;
}

#content {
height:auto;
background-color:#fffbe8;
width:750px;
}

#CB header {
height:165px;
width:750px;
}

#menu a
{
font-size:2.0em;
font-family: "century gothic";
width:750px;
background-color:#fffbe8;
text-decoration:none;
color:#ff0000;
font-weight:normal;
}

#maincontent {
height: auto;
width: 100%;
font-size:1.2em;
color:#000000;
}

h1 {
font-size:1.4em;
color:#000000;
font-family:"Century Gothic";
font-weight:normal;
background-color:#fffbe8;
margin-left:5%;
}

h2 {
font-size:1.2em;
color:#000000;
font-family:"Century Gothic";
font-weight:normal;
margin-left:5%;
}

p {
margin-left:5%;
font-size:1.2em;
}

#footer {
background-color: #fffbe8;
font-family:"Century Gothic";
font-size:0.6em;
font-weight:normal;
height: auto;
width: 100%;
text-align:center;
color:#000000;

}

#menu-container {
background-color:#fffbe8;
}

a {
text-decoration:none;
color:#000000;
}

p.marginleft {
margin-left:40%;
line-height:140%;
font-size:1.2em;
}

#content {
margin-left: auto;
margin-right: auto;
color: #000000;
text-decoration: none;
height:auto;
}

div.spacer {
clear: both;
}

div#positioning {
display:block;
width:750px;
height:1000px;
left:15px;
padding:0 0 0 20px;
}

.boxItem {
float:left;
margin:20px 0 0 40px;
}

.boxItem2 {
float:left;
margin:20px 0 0 20px;
}

.boxItem3 {
float:left;
margin:20px 0 0 50px;
}

the html is:

<div id="top">
<p><h2><a href="index.html">Profile</a></h2>
<h2><a href="#picture">Selected editorial coverage</a></h2>
<h2><a href="#catalogue">Catalogues</a></h2>
<h2><a href="christine_bec_for_biba.html">Christine Bec for BIBA</a></h2></div>

<p>&nbsp;</p>
<p>&nbsp;</p>

<div id="contents">
<h2><a name="picture" id="picture"></a>Selected Editorial coverage</h2>
</div>
<p>Click on image to see a larger version, in the larger version, hover over
image & click on icon to <br/>your right to expand the picture or click on image
itself to also expand the picture</p>

<p>&nbsp;</p>


<div id="positioning">

<div class="boxItem">
<a href="../images/vogue%20oct%202005%20big.png"><img src="../images/vogue oct 2005 small.png" alt="Vogue October 2005" /></a></div>

<div class="boxItem">
<a href="../images/vogue%20big.png"><img src="../images/vogue small.png" alt="Vogue"></a></div>

<div class="boxItem">
<a href="../images/untitled%20pic%206%20big.png"><img src="../images/untitled pic 6 small.png" alt="unknown mag or date" /></a></div>

<div class="boxItem2">
<a href="../images/vogue%20nov%201997%20big.png"><img src="../images/vogue nov 1997 small.png" alt="Vogue November 1997" /></a></div>

<div class="boxItem2">
<a href="../images/marie%20claire%20sept%201998%20big.png"><img src="../images/marie claire sept 1998 small.png" alt="Marie Claire September 1998"/></a></div>

<div class="boxItem">
<a href="../images/pop%20mag%202003%20big.png"><img src="../images/pop mag 2003 small.png" alt="Pop mag 2003"/></a></div>

<div class="boxItem">
<a href="../images/vogue%20sept1%20big.png"><img src="../images/vogue sept1 small.png" alt="Vogue September"/></a></div>

<div class="boxItem">
<a href="../images/telegraph mag sept06 big.png"><img src="../images/telegraph mag sept06 small.png" alt="Telegraph mag 2007" /></a></div>

<div class="boxItem">
<a href="../images/elle%20oct%202006%20big.png"><img src="../images/elle oct 2006 small.png" alt="Elle Oct 2006" /></a></div>

<div class="boxItem">
<a href="../images/vogue%20may%20big.png"><img src="../images/vogue may small.png" alt="Vogue May" /></a></div>

<div class="boxItem">
<a href="../images/marie%20claire2%20mar%201997%20big.png"><img src="../images/marie claire2 mar 1997 small.png" alt="Marie Claire March 1997" /></a></div>

<div class="boxItem">
<a href="../images/vogue%20sept%20big.png"><img src="../images/vogue sept small.png" alt="Vogue September" /></a></div>

<div class="boxItem">
<a href="../images/dutch%20septoct%201999%20big.png"><img src="../images/dutch septoct 1999 small.png" alt="Dutch mag Sept/Oct 1999"/></a></div>

<div class="boxItem">
<a href="../images/dutch2%20septoct%201999%20big.png"><img src="../images/dutch2 septoct 1999 small.png" alt="Dutch mag Sept/Oct 1999" /></a></div>

<div class="boxItem">
<a href="../images/elle%20feb%201997%20big.png"><img src="../images/elle feb 1997 small.png" alt="Elle February 1997" /></a></div>

<div class="boxItem">
<a href="../images/untitled%20pic2%20big.png"><img src="../images/untitled pic2 small.png" alt="unknown mag or date" /></a></div>

<div class="boxItem">
<a href="../images/twinkle%20twinkle%20little%20tzar%205%20pics.png"><img src="../images/twinkle twinkle little tzar small.png" alt="Twinkle Twinkle Little Tzar" /></div>

<div class="boxItem">
<a href="../images/twinkle%20twinkle%20little%20tzar%205%20pics.png"><img src="../images/twinkle twinkle little tzar3 small.png" alt="Twinkle Twinkle Little Tzar" /></a></div>

<div class="boxItem">
<a href="../images/twinkle%20twinkle%20little%20tzar%205%20pics.png"><img src="../images/twinkle twinkle little tzar2 small.png" alt="Twinkle Twinkle Little Tzar" /></a></div>

<div class="boxItem">
<a href="../images/twinkle%20twinkle%20little%20tzar%205%20pics.png"><img src="../images/twinkle twinkle little tzar4 small.png" alt="Twinkle Twinkle Little Tzar" /></a></div>

<div class="boxItem">
<a href="../images/twinkle%20twinkle%20little%20tzar%205%20pics.png"><img src="../images/twinkle twinkle little tzar5 small.png" alt="Twinkle Twinkle Little Tzar" /></div>

<div class="boxItem">
<a href="../images/amica%20nov%201997%20big.png"><img src="../images/amica nov 1997 small.png" alt="Amica November 1997"/></a></div>

<div class="boxItem">
<a href="../images/amica2%20nov%201997%20big.png"><img src="../images/amica2 nov 1997 small.png" alt="Amica November 1997" /></a></div>

<div class="boxItem">
<a href="../images/harpers&queen%20jan2003%20big.png"><a href="../images/harpers&queen%20jan2003%20big.png"><img src="../images/harpers&queen jan2003 small.png" alt="Harper&Queen Jan 2003" /></a></div>

<div class="boxItem">
<a href="../images/vogue%20dec%202001%20big.png"><img src="../images/vogue dec 2001 small.png" alt="Vogue Dec 2001" /></a></div>

thanks

[WendyM]

Hi aconite,
Have you worked on this since you posted the question? I don't think I'm seeing the problems you're describing.