Reply
Not showing properly in IE
Old 04-07-2008, 10:40 PM Not showing properly in IE
Average Talker

Posts: 26
Following is the code. It is the "content" area that's all wonky, appearing below the footer.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta name="generator" content="HTML Tidy for Linux (vers 1 September 2005), see www.w3.org" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Welcome</title>
<link href="http://74.86.194.194/~vinciclo/css/screen.css" rel="stylesheet" type="text/css" media="screen" />
<link href="http://74.86.194.194/~vinciclo/css/print.css" rel="stylesheet" type="text/css" media="print" />
</head>
<body>

<div id="header"><a href="/"></a></div>
<div id="topnavcontainer">
<div id="topnav">
<ul>
<li><a href="#">HOME</a></li>
<li><a href="#">ABOUT VINCI CLOTHIERS</a></li>
<li><a href="http://74.86.194.194/~vinciclo/category_1/Fall-Collection.htm">FALL COLLECTION</a></li>
<li><a href="#">SPRING COLLECTION</a></li>
<li><a href="#">CONTACT US</a></li>
<li><a href="#">SITE MAP</a></li>
</ul>
</div>
</div>
<div id="homecontainer">
<div id="homecontent"><!-- Left Column --> <div id="homecol1-col2">
<div id="homecol1">
<ul id="features">
<li id="feature1"><!--p class="featuretop">Preview</p-->
<h3>FALL 2007</h3>
<p><a href="#">Our WOOL CREPE solid suits and separates coordinate beautifully with our Plaids and Checks.</a></p>
</li>
<li id="feature2"><!--p class="featuretop">SHOP OUR</p-->
<h3>FALL 2007</h3>
<p><a href="#">Layer with our BLOUSES in a full range of fabrics, styles, and colors.</a></p>
</li>
<li id="feature3"><!--p class="featuretop">SHOP OUR</p-->
<h3>FALL 2007</h3>
<p><a href="#">Contemporary styles in our HOUNDSTOOTH CLASSICS are wardrobe essentials.</a></p>
</li>
</ul>
</div>
<div id="col2-col3">
<div id="content"><form method="post" action="http://74.86.194.194/~vinciclo/go/order.php"><input type="hidden" name="pgnm_noext" value="catalog" /><input type="hidden" name="productid" value="1" /><input type="hidden" name="return" value="74.86.194.194/~vinciclo/catalog.htm?item=1&ref_catid=3" /><input type="hidden" name="product" value="97% Poly/ 3% Spandex Blouse (2P7375)" /><input type="hidden" name="catalog" value=" #2P7375" /><input type="hidden" name="price" value="68.00" /><input type="hidden" name="units" value="0.00" /><input type="hidden" name="tax" value="0.0000" /><a name="1"></a><div align="center"><center><table border="0" cellpadding="3" cellspacing="0"><tr><td align="center" colspan="2"><img border="0" src="http://74.86.194.194/~vinciclo/images/2P7375_L.JPG" alt="97% Poly/ 3% Spandex Blouse (2P7375)"></td></tr><tr><td align="center" colspan="2" class="boldtext"> #2P7375 97% Poly/ 3% Spandex Blouse (2P7375)</td></tr><tr><td align="left" colspan="2"><p id="notes2">Our<span style="white-space: pre;"> </span> 97%<span style="white-space: pre;"> </span> Poly/<span style="white-space: pre;"> </span> 3%<span style="white-space: pre;"> </span> Spandex<span style="white-space: pre;"> </span> Charmeuse<span style="white-space: pre;"> </span> jewel<span style="white-space: pre;"> </span> neck<span style="white-space: pre;"> </span> pullover<span style="white-space: pre;"> </span> has<span style="white-space: pre;"> </span> just<span style="white-space: pre;"> </span> the<span style="white-space: pre;"> </span> right<span style="white-space: pre;"> </span> amount<span style="white-space: pre;"> </span> of<span style="white-space: pre;"> </span> stretch<span style="white-space: pre;"> </span> for<span style="white-space: pre;"> </span> an<span style="white-space: pre;"> </span> updated,<span style="white-space: pre;"> </span> dressy<span style="white-space: pre;"> </span> look<span style="white-space: pre;"> </span> and<span style="white-space: pre;"> </span> fit.<br><span style="white-space: pre;"> </span> <br>Short<span style="white-space: pre;"> </span> sleeved,<span style="white-space: pre;"> </span> with<span style="white-space: pre;"> </span> front<span style="white-space: pre;"> </span> vents,<span style="white-space: pre;"> </span> single<span style="white-space: pre;"> </span> button<span style="white-space: pre;"> </span> closure<span style="white-space: pre;"> </span> in<span style="white-space: pre;"> </span> back<span style="white-space: pre;"> </span> with<span style="white-space: pre;"> </span> slit<span style="white-space: pre;"> </span> at<span style="white-space: pre;"> </span> neck.<br><br>Pair<span style="white-space: pre;"> </span> with<span style="white-space: pre;"> </span> Vinci<span style="white-space: pre;"> </span> solid<span style="white-space: pre;"> </span> and<span style="white-space: pre;"> </span> pinstripe<span style="white-space: pre;"> </span> suiting<span style="white-space: pre;"> </span> and<span style="white-space: pre;"> </span> separates.<span style="white-space: pre;"> </span> <span style="white-space: pre;"> </span> Also<span style="white-space: pre;"> </span> looks<span style="white-space: pre;"> </span> great<span style="white-space: pre;"> </span> with<span style="white-space: pre;"> </span> Vinci<span style="white-space: pre;"> </span> Signature<span style="white-space: pre;"> </span> Jeans.</p></td></tr><tr><td valign="top" align="right" class="accent">Price:</td><td valign="top" align="left">$68.00</td></tr></table></center></div></form><p align="center"><a href="http://74.86.194.194/~vinciclo/go/email.php?item=1" target="_blank" onClick="PopUp=window.open('http://74.86.194.194/~vinciclo/go/email.php?item=1', 'NewWin', 'resizable=yes,width=400,height=330,left=25,top=25,screenX=25,screenY=25'); PopUp.focus(); return false;"><img border="0" src="http://74.86.194.194/~vinciclo/envelope.gif" alt="Tell a Friend" width="20" height="12"></a>&nbsp;<a href="http://74.86.194.194/~vinciclo/go/email.php?item=1" target="_blank" onClick="PopUp=window.open('http://74.86.194.194/~vinciclo/go/email.php?item=1', 'NewWin', 'resizable=yes,width=400,height=330,left=25,top=25,screenX=25,screenY=25'); PopUp.focus(); return false;" class="emailcolor">Tell a Friend</a></p><p align="center"><a href="http://74.86.194.194/~vinciclo/category_3/Charmeuse-Buckles.htm">Return to Catalog</a></p></div>
</div>
</div>
</div>
<!-- Right Column --></div>
<div id="homefootercontainer">
<h3><img src="http://74.86.194.194/~vinciclo/images/small-vinci-icon.gif" alt="" />CLASSIC, TAILORED WOMEN'S CLOTHING MADE IN THE U.S.A.<img src="http://74.86.194.194/~vinciclo/images/small-vinci-icon.gif" alt="" /></h3>
<div id="homefooter"><script language="JavaScript1.2" type="text/javascript" src="http://74.86.194.194/~vinciclo/scripts/homefooter.js">
</script></div>
</div>
</body>
</html>
Here's the CSS:
Code:
/* CSS Document */

body {

background:#F6ECF0 url(../images/bg-tile.jpg) 50% 0%;
font: 12px/130% Georgia, Times, "Times New Roman", serif;

}

html * {

margin: 0;
padding: 0;
border: none;

}

/* Generic
-------------------*/

select {
  background:#EEDFE6;
  width:90px;
  margin:1px;
  border-style:solid;
  border-color:#EEDFE6;
}


ul, li, li a {

font: 12px/130% Georgia, Times, "Times New Roman", serif;
text-align: left;

}

a {
                
color: #783956;

}
                
a:hover {

color: #000;
text-decoration: none;

}

h1 {

font-size: 24px;
font-weight: normal;

}

h2 {

font-size: 20px;

}

h2.italic {

font-style:italic;

}


h3 {

font-size: 16px;

}

h4, h5, h6 {

font-size: 13px;

}

.clear {

clear: both;
line-height: 0;
height: 0;

}

* html .clear { font-size: 0; }

.bold {
  font-weight:bold;
}

.bolditalic {
  font-weight:bold;
  font-style:italic;
}

#phone {
   margin:200px 0 0 45px;
   font-size:14px;
}

#phone2 {
   margin:30px 0 0 0px;
   padding:3px 0 3px 35px;
   font-size:14px;
   border-top:solid;
   border-bottom:solid;
   border-color:rgb(197,180,188);
}


#picture {
   margin:30px 0 0 0px;
   padding:3px 0 3px 35px;
}


/* Header
-------------------*/

#header {

height: 133px;
width: 100%;
text-align: center;

}

        #header img#logo {

        width: 549px;
        height: 115px;
        margin: 18px 0 0 0px;
        
        }

/* topnav
-------------------*/

#topnavcontainer {

background: url(http://74.86.194.194/~vinciclo/images/topnavcap-bg.jpg) 50% 0% repeat-x;
width: 100%;
height: 38px;
padding: 29px 0 0 0;

}

#topnav {

background:#000 url(http://74.86.194.194/~vinciclo/images/topnav-bg.gif) repeat-x;
width: 100%;
height: 38px;
text-align: center;

}

        #topnav ul {
        
        width: 780px;
        margin: 0 auto 0 auto;
        padding: 10px 0 0 0;
        }
        
        #topnav ul li {
        
        list-style: none;
        display: inline;
        
        }
        
        #topnav ul li a {
        
        color: #fff;
        text-decoration: none;
        padding: 0 14px 0 14px;
        border-right: solid 1px #7F7F7F;
        
        }
        
        #topnav ul li a:hover {
        
        color: #F1A6D8;
            
        }
        
        #topnav ul li a.last {
        
        padding: 0 0 0 27px;
        border: none;
        
        }
        
/* homecontainer
-------------------*/

#homecontainer {

background:#F6ECF0 url(http://74.86.194.194/~vinciclo/images/homecontainer-bg.jpg) repeat-x;
width: 100%;
height: 399px;

}



/* homecontent
-------------------*/

#homecontent {

background:#EEDFE6 url(http://74.86.194.194/~vinciclo/images/content-bg.gif) repeat-y;
width: 780px;
height: 399px;
margin: 0 auto 0 auto;


}

        
        #homecol1-col2 {
        
        width: 572px;
        float: left;
        margin: 0 -3px 0 0; /* Margin for IE */
        
        }
        
        #homecol1 {
        
        width: 208px;
        float: left;
        margin: 0 -3px 0 0; /* Margin for IE */
        
        }
        
                #homecol1 ul {
                
                width: 208px;
                background: url(http://74.86.194.194/~vinciclo/images/homefeature-top.jpg) no-repeat;
                padding: 0;
                
                }
                
                #homecol1 ul li {
                
                height: 109px;
                width: 176px;
                display: block;
                padding: 12px 12px 12px 20px;
                
                }
                
                #homecol1 ul li#feature1 {
                
                background: url(http://74.86.194.194/~vinciclo/images/homefeat-1.jpg) 0px 11px no-repeat;

                }
                
                #homecol1 ul li#feature2 {
                
                background: url(http://74.86.194.194/~vinciclo/images/homefeat-2.jpg) no-repeat;
                
                }
                
                #homecol1 ul li#feature3 {
                
                background: url(http://74.86.194.194/~vinciclo/images/homefeat-3.jpg) no-repeat;
                
                }

        #homecol1 a {
           text-decoration:none;
        }
                
        
        #homecol2 {
        
        width: 364px;
        margin: 0 0 0 205px; /* Margin for IE */
        
        }
        
        #homecol3 {
        
        width: 208px;
        height: 399px;
        margin: 0 0 0 569px; /* Margin for IE */
        background: url(http://74.86.194.194/~vinciclo/images/homerightcol-bg.jpg) no-repeat;
        
        }
        


                #homecol3 h1, #col1 h1 {
                
                font-size: 12px;
                color: #7F435F;
                padding: 20px 0 0 35px;
                font-weight: normal;
                
                }
                
                #col1 h1.mainp {
                
                padding: 20px 0 0 15px;
                
                }

                #homecol3 h1{
                
                padding: 20px 0 0 20px;
                
                }


                #col3 h1 {
                
                font-size: 12px;
                color: #7F435F;
                padding: 20px 0 0 37px;
                font-weight: normal;
                
                }


                #homecol3 ul, #col1 ul, #col3 ul, #Icol1 ul {
                
                border-top: dashed 1px #9C9799;
                width: 143px;
                margin: 12px 0 0 22px;
                
                
                }
                
                #col1 ul, #col3 ul, #Icol1 ul {
                
                border-top: none;
                border-bottom: dashed 1px #9C9799;
                
                }
                
                #homecol3 ul li, #col1 ul li, #col3 ul li, #Icol1 ul li {
                
                display: inline;
                                
                }
                
                #homecol3 ul li a, #col1 ul li a, #col3 ul li a, #Icol1 ul li a {
                
                display: block;
                padding: 4px 0 4px 12px;
                border-bottom: dashed 1px #9C9799;
                text-decoration: none;
                font-weight: bold;
                color: #783956;
                width: 131px;
                background: #FCE3F0;
                
                }
                
                #homecol3 ul li a:hover, #homecol3 ul li a.active, #col1 ul li a:hover, #col1 ul li a.active, #col3 ul li a:hover, #col3 ul li a.active, #Icol1 ul li a:hover {
                
                background: #783956;
                color: #fff;
                
                }
                
                /* feature Text Styles */
                #homecol1 ul#features li p.featuretop {
                
                font-size: 12px;
                color: #783956;
                font-family: Georgia, Times, "Times New Roman", serif;
                
                }
                
                #homecol1 ul#features li h3 {
                
                font-size: 20px;
                color: #783956;
                font-weight: normal;
                padding: 3px 0 3px 0;
                                
                }
                
                #homecol1 ul#features li p {
                
                font-size: 11px;
                color: #783956;
                font-family: Verdana, Tahoma, sans-serif;
                
                
                }
                
                #homecol1 ul#features li {
                
                vertical-align: bottom;
                
                }
                
                #homecol1 ul#features li#feature2 {
                
                text-align: right;
                
                }
                
                
                        
                        
                        /* Following Not used, but may need them later. Who knows?
                        #col1 ul li ul, #col3 ul li ul {
                        
                        
                        margin: 0;
                        padding: 0;
                        border-top: none;
                        
                        }
                        
                        #col1 ul li ul li, #col3 ul li ul li {
                        
                        display: inline;
                                                
                        }
                        
                        #col1 ul li ul li a, #col3 ul li ul li a {
                        
                        display: block;
                        background: #F5EBF0;
                        padding: 4px 0 4px 0;
                        font-style: italic;
                        font-weight: normal;
                        text-indent: 12px;
                        color: #783956;
                        border-bottom: none;
                        width: 143px;
                        
                        }
                        
                        #col1 ul li ul li ul, #col3 ul li ul li ul  {
                        
                        border-bottom: dashed 1px #9C9799;
                        border-top: none;
                        margin: 0;
                        padding: 0;
                        
                        
                        }
                        
                        */
                        
                        #col1 ul li a, #col3 ul li a, #Icol1 ul li a {
                        
                        border-top: dashed 1px #9C9799;
                        display: block;
                        background: #EEDFE6;
                        padding: 6px 0 6px 0;
                        width: 143px;
                        border-bottom: none;
                        /* font-family: Verdana, Tahoma, sans-serif; */
                    font-family: Georgia, Times, "Times New Roman", serif;
                        font-size: 11px;
                        font-weight: bold;
                        font-style: normal;
                        text-align: center;
                        text-indent: 0px;
                        line-height: 1em;
                        
                        }
            
                
                
        
        /* Reset Margins for Good Browsers.. */
        html>body #homecol1-col2 { margin: 0; }
        html>body #homecol1 { margin: 0; }
        html>body #homecol2 { margin: 0 0 0 208px; }
        html>body #homecol3 { margin: 0 0 0 572px; }
        
        
/* Internal Page Container and Styles
-----------------------------------------*/

#intcontainer {

background:#F6ECF0 url(http://74.86.194.194/~vinciclo/images/intcontainer-bg.jpg) repeat-x;
width: 100%;

}

        #intcontent-3col {

        background:#fff url(http://74.86.194.194/~vinciclo/images/collection-home-bg.jpg) repeat-y;
        width: 780px;
        margin: 0 auto 0 auto;
            
        }
        
        #intcontent-2col {

        background:#fff url(http://74.86.194.194/~vinciclo/images/int-2col-bg.jpg) repeat-y;
        width: 780px;
        margin: 0 auto 0 auto;
            
        }
        
        
        #col1 {
        
        width: 200px;
        float: left;
        background: url(http://74.86.194.194/~vinciclo/images/3col-top.jpg) no-repeat;
        padding: 0 0 0 8px;
        margin: 0 -3px 0 0;
        
        }
        
        html>body #col1 { margin: 0; }
        
        #col2-col3 {

        
        
        width: 572px;
        margin: 0 0 0 205px;
                
        }
        
        html>body #col2-col3 { margin: 0 0 0 208px; }
        
                #col2 {
                
                width: 364px;
                float: left;
                margin: 0 -3px 0 0;
                
                }
                
                html>body #col2 { margin: 0; }
                
                #col3 {
                
                width: 208px;
                margin: 0 0 0 361px;
                background: url(http://74.86.194.194/~vinciclo/images/rightnav-top.jpg) no-repeat;
                
                }
                
                html>body #col3 { margin: 0 0 0 364px; }
        
                #col2 h1, #content h1  {
                
                font-size: 24px;
                background: url(http://74.86.194.194/~vinciclo/images/contentheader-bg.jpg) 100% 50% repeat-y;
                padding: 0 12px 0 0;
                text-align: right;
                font-weight: normal;
                color: #783956;
                line-height: 0px;
                height: 49px;
                margin: 15px 10px 10px 0;
                
                }
                

                #content h1 {
                
                background: url(http://74.86.194.194/~vinciclo/images/contentheader-bg.jpg) 100% 50% no-repeat;
                height: 41px;
                margin: 15px 10px 15px 0;
                
                }

        #content h1 span {

           font-size:13px;
           font-weight:bold;
           margin:0 105px 0 0;
        }          

        #content span.spring {

           margin:0 74px 0 0;
        }          




                #col2 h1 img, #content h1 img {
                
                margin: 0 30px 0 0;
                height: 41px;
                vertical-align: middle;
                
                }

                #col2 span {
                   
           font-size:13px;
                }



/* Content
--------------------------*/                

#content {

width: 532px;
padding: 10px 20px 4px 20px;
background: url(http://74.86.194.194/~vinciclo/images/int-2col-top.jpg) no-repeat;

}

#content h1 {

margin-top: 10px;

}

#content #body {

border-top: dashed 1px #9C9799;
padding: 12px 0 20px 20px;
width: 500px;

}

#purchase {
 
  font-weight:bold;
    color: #7F435F;
  clear:both;
}


#content p#purchase {
 
  margin:10px;
}

/* Pageinfo
--------------------------*/                

#pageinfo {

width: 494px;
padding: 10px 26px 10px 12px;
border-top: dashed 1px #9C9799;
height: 4px;
line-height: 1;
overflow: hidden;
}

        
        #pageinfo p#breadcrumb a {
        
        font-weight: bold;
        
        
        }
        
        #pageinfo p#viewother {
        
        float: right;
        display: inline;
        
        }
        
        #pageinfo p#viewother a {
        
        font-weight: bold;
        
        }
        
        #pageinfo p#viewother span {
        
        font-weight: bold;
    color: #783956;

        
        }

/* Item Detail
--------------------------*/        

#itemdetail {

padding: 20px 26px 10px 12px;
border-top: dashed 1px #9C9799;
margin: 8px 0 0 0;

}

#itemdetail #itemimage {
        
float: left;
margin: 0 0 10px 0;
                
}


        #itemdetail #itemimage img.item {
        
        background: #EEDEE5;
        border: solid 1px #C6AEB8;
        padding: 4px;
        margin: 0 0 10px 0;
        width: 216px;
    height:316px;
        
        }
        
        #itemimage p#price {
        
        font-weight: bold;
        color: #783956;
        font-size: 12px;
        padding: 8px 0 8px 0;
        
        }
        
        #itemimage p#price span {
        
        font-size: 10px;
        
        }

        #itemimage p#style {
        
        font-weight: bold;
        color: #783956;
        padding: 8px 0 8px 0;
        font-size: 16px;
        
        }

#itemdetailinfo {

margin: 0 0 0 235px;

}

        #itemdetailinfo h2 {
        
        color: #000;
        font-weight: normal;
        font-size: 18px;
        padding: 0 0 8px 0;
        margin: 0 0 8px 0;
        border-bottom: solid 1px #F2E5EB;
        
        }

#itemdetailinfo span {
        font-weight: bold;
        color: #783956;
        font-size: 12px;
}

#itemdetailinfo p span {
    font-weight:normal;
    color: black;
}

        
#itemoptions {

padding: 10px 0 10px 0;

}

        #itemoptions h3 {
        
        padding: 8px 0 0 0;
        font-size: 12px;
        
        }

        #itemoptions ul {
        
        padding: 0 0 10px 0;
        
        }

        #itemoptions ul li {
        
        display: inline;
        list-style: none;
        margin: 0 6px 0 0;
        
        }

                
                
        
                
        

/* Collection Table
--------------------------*/

table#collection {

width: 532px;
padding: 0 0 12px 0;

}

        table#collection th {
        
        text-align: left;
        padding: 10px 0 0 12px;
        
        }
        
                
                
        table#collection th.right {
        
        text-align: right;
        padding: 10px 26px 0 0;        
        
        }

        table#collection td {
        
        padding: 16px 12px 6px 12px; 
        
        }
        
        table#collection td img.galleryimage {
        
        border: solid 1px #C6AEB8;
        padding: 4px;
        background: #EEDEE5;
    width:107px;
    height:157px;
        
        }
        
        table#collection td a:hover img.galleryimage {
        
        background: #fff;
        
        }
        
        table#collection td p {
        
        text-align: left;
        padding: 4px 0 0 0;
        
        }
        
        table#collection td p a.gallerylink {
        
        color: #783956;
        /* font-family: Verdana, Tahoma, sans-serif; */
      font-family: Georgia, Times, "Times New Roman", serif;
    text-decoration:none;

        
        }

        table#collection td p a.gallerylink:hover {
        
        color: #000;
                
        }


/* Login Form 
--------------------------*/

form#loginform {
                
padding: 20px 0 0 30px;
                                                
}    

        #homecol3 form#loginform {
        
        /* Padding for home page */
        padding: 150px 0 0 30px;
        
        }
        
        form#loginform h2 {
        
        font-size: 12px;
        color: #7F435F;
        padding: 0 0 6px 0;
        font-weight: normal;
        
        }
        
        form#loginform p {
        
        font-size: 10px;
        color: #7F435F;
        padding: 3px 0 6px 0;
                
        }
        
        form#loginform input {
        
        font-size: 11px;
        color: #000;
        padding: 3px;
        width: 125px;
        border: solid 1px #828483;
                
        }
        
        form#loginform input.submit {
        
        font-size: 12px;
        color: #fff;
        background: #783954;
        padding: 2px 0 2px 0;
        border-top: solid 3px #fff;
        border-left: solid 3px #fff;
        border-right: solid 2px #828483;
        border-bottom: solid 2px #828483;
        width: 75px;
        
        }

    
        
/* Footer 
--------------------------*/

#homefootercontainer {

clear: both;
background: url(../images/topnav-bg.gif) repeat-x;
width: 100%;

}

        #homefootercontainer h3 {
        
        font-weight: normal;
        font-size: 12px;
        color: #fff;
        width: 100%;
        text-align: center;
        height: 28px;
        padding: 10px 0 0 0;
        
        }
                
        #homefootercontainer h3 img {

        vertical-align: middle;
        margin: 0 10px 0 10px;

        }

        #homefooter {
        
        clear: both;
        background: url(http://74.86.194.194/~vinciclo/images/footer-bg.jpg) 50% 0% repeat-x;
        width: 100%;
        padding: 0 0 20px 0;
            
        
        }


ul#footernav {

width: 764px;
margin: 0 auto 0 auto;
padding: 22px 0 0 0;
}

ul#footernav2 {

width: 764px;
margin: 0 auto 0 auto;
padding: 10px 0 0 0;
text-align:center;
}

        ul#footernav li, ul#footernav li a, ul#footernav2 li, ul#footernav2 li a {
        
        list-style: none;
        display: inline;
        font-weight: bold;
        color: #525252;
        font-size: 10px;
        
        
                
        }
        
        ul#footernav li a, ul#footernav2 li a {
        
        text-decoration: none;
        border-right: solid 1px #525252;
        padding: 0 6px 0 5px;
        
        }
        
        
        ul#footernav li a:hover, ul#footernav2 li a:hover {
        
        color: #000;
        
        }
        
        ul#footernav li a.last, ul#footernav2 li a.last {
        
        padding: 0 0 0 5px;
        border: none;
        
        }
        
        ul#footernav li.copy {
        
        padding: 0 50px 0 0;
        
        }
        
        ul#footernav li.login, ul#footernav li.login a {
        
        padding: 0 0 0 46px;
        border: none;
        
        }

        


/* Color Palette
--------------------------*/
#colorpalette { /*border-style:solid; 
                border-width:1px; 
                border-color:#EEDFE6;
                background-color:#EEDFE6;*/
                padding:5px; 
                height:100%;
                text-align:center;
                background: url(http://74.86.194.194/~vinciclo/images/palette.jpg) repeat;
              }

#colorpalette img {border-style:solid; border-width:1px; margin:5px;}


/* About Page
-------------------*/

.indent {

  margin-left:40px;
  list-style-image: url(/images/list-icon.jpg);

}

/* Contact Us Page
-------------------*/

.contact { 
 
   text-align:center;
   line-height:150%;

}

.territories {
  border-style:solid;
  border-width:thin;
  border-color:rgb(197,180,188);
  background-color:rgb(239,224,231);
  font-weight:bold;
  padding:3px;
}

#swatch, #swatch img, #swatch a:hover, #swatch a.active {
 text-decoration:none;
 color: #000;
 border-color:black;
}
kayla is offline
Reply With Quote
View Public Profile
 
When You Register, These Ads Go Away!
     
Old 04-07-2008, 11:19 PM Re: Not showing properly in IE
LadynRed's Avatar
Super Moderator

Posts: 6,065
Location: Tennessee
Do you have the page on line somewhere ?
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!
"Using or working with IE is like having to wear a 1970's polyester suit with pantyhose and a girdle, to work everyday"
Carolina Corvette Club
LadynRed is offline
Reply With Quote
View Public Profile
 
Old 04-08-2008, 05:38 AM Re: Not showing properly in IE
Average Talker

Posts: 26
Yes, thanks...
http://74.86.194.194/~vinciclo/catalog.htm
kayla is offline
Reply With Quote
View Public Profile
 
Old 04-08-2008, 10:26 AM Re: Not showing properly in IE
LadynRed's Avatar
Super Moderator

Posts: 6,065
Location: Tennessee
I think you'll find that the 20px right and left padding on #content is the culprit of the drop.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!
"Using or working with IE is like having to wear a 1970's polyester suit with pantyhose and a girdle, to work everyday"
Carolina Corvette Club
LadynRed is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to Not showing properly in IE
 

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off




   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML

 


Page generated in 0.12432 seconds with 13 queries