Menu
[url]http://www.flexties.be/productverkoop/index.php
if you look at the source you’ll see there’s more text than displayed.. only happens in IE… Anyone has a clue?
the CSS that matters
[CODE]
body{
background-color: White;
font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
margin: 0px 0px 0px 0px;
}
table{
font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#container{
width: 768px;
left: 40px;
top: 5px;
}
#header{
left: 40px;
width: 768px;
height: 162px;
background-image: url(images/header.jpg);
position: absolute;
}
#navigation{
width: 768px;
height: 29px;
background-image: url(images/navigation.jpg);
margin: 0px 14px 0px 14px;
text-align: center;
vertical-align: bottom;
position: relative;
top:162px;
left:26px;
}
#main{
position:relative;
background: url(images/contentbkgr.jpg) repeat-y center;
left:40px;
top:160px;
}
#content{
width:531px;
left:-32px;
float:right;
position: relative;
}
#contentstart{
width: 768px;
height: 12px;
background-image: url(images/contenttop.jpg);
background-repeat: repeat-y;
}
#contentend{
width: 768px;
height: 15px;
background-image: url(images/contentbottom.jpg);
clear:both;
}
#subnavcontainer{
position: relative;
font-size: 10px;
left: 18px;
width: 168px;
float: left;
}
#subnavtitle{
text-align: center;
font-style: italic;
font-weight: bold;
color: #216683;
padding:2px 0px 2px 0px;
background-color: #E3EEF5;
}
#subnavsplitter{
background-image: url(images/splitter.jpg);
width: 168px;
height: 2px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#subnavcontent{
padding: 2px 2mopx 2px 4px;
}
#footer{
width: 768px;
height: 18px;
background: url(images/footer.jpg) repeat-x;
vertical-align: bottom;
}