[css-d] aligning divs

[Stephanie Chausse]

Hi--I am trying to line up the yellow search strip so that the bottom border
is even with the home button bottom border--it seems like it's 1 pixel off
in IE on medium size--when enlarged the gap gets bigger--In Mozilla it looks
even at the bottom but slightly off at the top of the yellow strip and
changes when resized in the browser--I would like the strip and the home
button to remain aligned--thanks--

http://www.provlib.org/pro/test5.html

http://www.provlib.org/pro/css/layout25.css
http://www.provlib.org/pro/css/style.css

here's the relevant css:
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
        font-family: Verdana, Helvetica, sans-serif;
        margin: 0;
        padding: 0;
        border: 0;
}

body{
        color:#000000;
        background-color:#666666;
        margin: 0;
        padding: 0;
        font-size: 100.01%;
        }


.content p{
        font-size: 80%;
        margin: 10px;
        line-height: 140%;
}



#wrapper {
        margin:10px auto;
        width: 776px;   
        background-color:#ffffff;
        border: 1px solid #000000;
        background-image: url(../images/columns/line.gif);
        background-repeat: repeat-y;
        text-align:left; 
        display: block;
}

#banner{
        height: 103px;
}

.content{ 
        margin: 0 0 10px 160px;
}

.container{ 
        width: 99%; 
        float: right; 
        }
        
#search {
        float: right;
        background-color:#ffffcc;
        margin: 0;
        padding: 1px 2px 1px 1px;
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 80%;
        font-weight: 700;
        color: #3333cc;
        border-bottom: 1px solid #0033cc;
        width: 623px;
        text-align:right;
}       

#leftcol{
        float: left;
        width: 150px;
        margin: 0 0 0 0;
        }

#leftcol #vernav ul {
margin: 0; 
padding: 0;
background-color: transparent;
list-style-type: none;
font-size: 80%;
border: 1px solid #0033cc;
display: block;
font-weight:700;
}

#leftcol #vernav ul li a{
background-color: #0066ff;
border-bottom: 1px solid #0033cc;
color: #ffffff;
display: block;
padding: 4px 0 3px 4px;
text-decoration: none; 
height: 1%;
margin: 0;
}

#leftcol #vernav a:hover, #leftcol #nav a:focus { 
background-color: #0033cc;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
color: #ffffff;
}


/*#vernav{
        border-bottom: 1px solid #0033cc;
}*/

#vernav ul{
        padding: 0;
        margin: 0;
        background-color:#0066ff;
}

#vernav ul li{
        padding: 0;
        margin: 0;
}

#vernav ul li a{
        color: #FFFFFF;
        background-color: #0033cc;
        text-decoration: none;
        padding: 4px 0 3px 4px;
        border-bottom: 1px solid #0066ff;
        text-align: left;
}

.clearit{
        clear: both;
}



______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/