wierd space between divs

[mididelight]

Hello everyone,

http://www.cozyclosets.com/index2.php

If you view this in FF it looks great but in IE6 there is a space and the bullets on the left are not working correctly.

Does anyone know why? Do you want me to post the css?

[andyshep]

css would help

[BonRouge]

I'm guessing you meant the bullets on the right... I think the problem there is that you haven't given enough space for all that text - I'd use different words.

I couldn't find an answer for your gap problem.

[mididelight]

Here is the CSS:


/* Cozy Closets CSS v1 2005 */

body { margin: 10px; padding:0px; text-align: center; background: #eee; font-family: arial, sans-serif; font-size: 12px;}
img { padding: 0px; margin: 0px; border: 0px none;}
a:link, a:visited { text-decoration: none; color:blue; }
a:hover { color:purple; }
hr { display: none; }
h5 { display: none; }

/* Wrapper */
#wrapper {
position: relative;
width: 700px;
margin:0 auto;
padding: 0;
text-align: left;
border: 0;
background: #eee url(/images/content_bkgd.gif) repeat-y;
}


/* Header */
#header {
width: 705px; /* for IE5/Win */
height: 142px;
voice-family: "\"}\"";
voice-family: inherit;
width: 700px;
height: 142px;
}

#header img {
margin: 0px; /* for IE5/Win */
padding: 0px;
voice-family: "\"}\"";
voice-family: inherit;
float: left;
margin-top: 0px;
margin-left: 0px;
position: relative;
}


/* Navigation */
#nav {
width: 710px; /* for IE5/Win */
height: 27px;
voice-family: "\"}\"";
voice-family: inherit;
width: 700px;
height: 27px;
background: #FFFFFF url(/images/nav_bkgd.gif) no-repeat;
}
#nav ul { display: inline; list-style-type: none; margin: 0px; padding: 0px;}
#nav ul li { display: inline; list-style-type: none; text-align: center;}

#nav ul li a:link, #nav ul li a:visited { font-family: arial, sans-serif; color: #000; font-size: 100%; font-weight: bold; text-decoration: none; line-height: 1.7em; margin: 0px 2px 0px 0px; }
#nav ul li a:hover { color: #FFFFCC; }

#about { background: #FFFFFF url(/images/about_us.gif); width:96px; height: 28px; float: left; margin-left: 40px;}
#contact { background: #FFFFFF url(/images/contact_us.gif); width:147px; height: 28px; float: left; margin-left: 2px;}
#photo { background: #FFFFFF url(/images/photo_album.gif); width:96px; height: 28px; float: left; margin-left: 2px;}
#ace { background: #FFFFFF url(/images/ace_woodworking.gif); width:119px; height: 28px; float: left; margin-left: 2px;}







/* Content */
#content {
float: left;
/* background: #fff; */
width: 512px; /* for IE5/Win */
margin: 0px;
padding-left: 50px;
voice-family: "\"}\"";
voice-family: inherit;
width: 512px;
padding-left: 0px;
}
#contentPadding { padding: 0 25px 0 55px; margin-bottom: 15px;}
#contentPadding h1 { font-family: "Trebuchet MS",verdana, arial, sans-serif; font-size: 170%; padding-bottom: 5px; border-bottom: 1px solid #ccc;}
#contentPadding h2 { font-size: 120%; margin: 0px; padding:0px;}
#contentPadding img { padding: 0 0 0 5px; }

#contentPadding ul { margin: 0px; padding: 0px; list-style-type: none; border-top: #ccc solid 1px; padding-top: 5px;}

.center { text-align: center; }

.newsItem { margin-bottom: 10px; border-bottom: 1px solid #ccc; padding-bottom: 10px; display: block;}
.title { font-family: "Trebuchet MS",verdana, arial, sans-serif; font-weight: bold; font-size: 120%;}
.date { font-family: arial, sans-serif; font-size: 100%; font-style:italic;}


/* What is a Cozy Closet */
.aboutTitle { font-weight: bold; }
.aboutImage { padding: 0 5px 0 5px; }




/* Sidebar */
#sidebar {
float: left;
width: 160px;
color: #ffffff;
}

#sidebarPadding { padding-left: 15px; }
#sidebarPadding ul { list-style-type: none; margin: 0px; padding: 0px; margin-bottom: 10px; padding-bottom: 10px;}
#sidebarPadding ul li { list-style-type: none; margin: 3px 0px; color: #000000;}
#sidebarPadding ul li a:link, #sidebarPadding ul li a:visited { background: url(/images/arrow.gif) no-repeat 0% 50%; margin-left: 5px; padding-left: 12px; color: white; text-decoration: none;}
#sidebarPadding ul li a:hover { color: #FFA500; }

.catTitle { font-weight: bold; color: #000000;}






/* Footer */
#footer {
position: relative;
clear: both;
width: 700px;
height: 37px;
background: #FFF;
padding: 8px 0 0 160px;
color: #333333;
font-family: verdana, arial, sans-serif;
font-size: 80%;
font-weight: bold;
background: #eeeeee url(/images/footer_bkgd.gif) no-repeat;
}

[mididelight]

anyone have any ideas?

[andyshep]

dont have time at the mo. you could try floating left allthe divs in the wrapper.
ie header contetn footer. this sometimes causes a gap.