Hi,
i have updated the code a little, to iron out some html errors, but am still getting the error...
the problem html...
<div id="right-content">
<div id="right-box">
<div id="right-box-head">
<div id="right-box-head-l"><img class="icon" src="images/icons/telly.png" width="14" height="14" alt="Navy NCIS: Naval Criminal Investigative Service" /></div>
<div id="right-box-head-m">Navy NCIS: Naval Criminal Investigative Service</div>
<div id="right-box-head-r"></div>
</div>
<div id="right-box-menu">
<div id="contentmenu">
<ul>
<li><a href="#" class="active">plot</a></li>
<li><a href="#">shows</a></li>
<li><a href="#">charactors</a></li>
<li><a href="#">links</a></li>
<li><a href="#">schedule</a></li>
</ul>
</div>
</div>
<div id="right-box-content">
<div id="right-box-content-shows-left">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed commodo dapibus ipsum, sed imperdiet eros malesuada eget. Duis augue ligula, scelerisque eget feugiat in, vehicula ac eros. </p>
</div>
<div id="right-box-content-shows-right">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed commodo dapibus ipsum, sed imperdiet eros malesuada eget. Duis augue ligula, scelerisque eget feugiat in, vehicula ac eros. Mauris at elit ac eros feugiat fringilla sit amet nec urna. Fusce nec sapien vel risus rhoncus aliquet. Mauris sagittis ipsum vel turpis interdum ac ullamcorper mi aliquet. Curabitur sit amet elit augue, sed sodales ligula. Aenean aliquet iaculis sem quis aliquet. Phasellus rhoncus adipiscing nisi eu convallis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam porttitor nisl quis nulla venenatis elementum. Praesent vel tellus mauris. Nunc interdum tellus in est congue laoreet. In hac habitasse platea dictumst. Ut lacinia rutrum pharetra. In mi sapien, imperdiet sed mattis nec, aliquet et velit. Integer eu odio sit amet risus tristique egestas. Morbi porttitor libero a metus lacinia id sollicitudin nisi vehicula. Nam sodales lacus sed velit malesuada imperdiet. Nullam purus massa, ornare id fermentum at, pretium vel nibh. Donec tempor consequat augue, sit amet scelerisque massa facilisis id. </div>
</div>
<div id="right-box-base">
<div id="right-box-base-r"></div>
</div>
</div>
the problem css...
@charset "utf-8";
/* CSS Document */
#container #right-content {
width: 490px;
float: right;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
}
#container #right-content #right-box {
width: 490px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
}
#container #right-content #right-box #right-box-head {
background-image: url(../images/sprites/gradients.png);
background-repeat: repeat-x;
height: 37px;
width: 490px;
}
#container #right-content #right-box #right-box-head #right-box-head-l {
background-image: url(../images/sprites/grad-corners.png);
background-repeat: no-repeat;
width: 30px;
height: 37px;
float: left;
}
#container #right-content #right-box #right-box-head #right-box-head-l .icon{
height: 14px;
width: 14px;
padding-top: 12px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
}
#container #right-content #right-box #right-box-head #right-box-head-m {
float: left;
padding-top: 10px;
padding-left: 0px;
}
#container #right-content #right-box #right-box-head #right-box-head-r{
background-image: url(../images/sprites/grad-corners.png);
background-repeat: no-repeat;
float: right;
height: 37px;
width: 6px;
margin: 0px;
padding: 0px;
background-position: 0px -38px;
}
#container #right-content #right-box #right-box-content {
background-color: #f8f8f8;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
width: 470px;
}
#container #right-content #right-box #right-box-content #right-box-content-shows-left {
width: 70px;
display: block;
float: left;
}
#container #right-content #right-box #right-box-content #right-box-content-shows-right {
float: right;
width: 380px;
padding-left: 9px;
}
#container #right-content #right-box #right-box-menu {
height: 19px;
width: 490px;
margin: 0px;
padding: 0px;
background-image: url(../images/sprites/gradients.png);
background-repeat: repeat-x;
}
#container #right-content #right-box #right-box-menu #contentmenu {
display: block;
}
#container #right-content #right-box #right-box-menu #contentmenu li {
display: block;
float: left;
list-style-type: none;
color: #000000;
text-align: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 6px;
}
#container #right-content #right-box #right-box-menu #contentmenu li a.active {
color: #ff4a12;
text-decoration: none;
}
#container #right-content #right-box #right-box-menu #contentmenu li a:hover.home {
color: #ff4a12;
text-decoration: none;
}
#container #right-content #right-box #right-box-menu #contentmenu li a {
color: #000000;
text-decoration: none;
}
#container #right-content #right-box #right-box-menu #contentmenu li a:hover {
color: #f8f8f8;
text-decoration: none;
}
#container #right-content #right-box #right-box-top {
height: 6px;
width: 490px;
background-color: #f8f8f8;
background-image: url(../images/sprites/corners.png);
background-repeat: no-repeat;
background-position: 0px -42px;
}
#container #right-content #right-box #right-box-top #right-box-top-r {
height: 6px;
width: 6px;
background-image: url(../images/sprites/corners.png);
background-position: 0px -49px;
float: right;
}
#container #right-content #right-box #right-box-base {
height: 6px;
width: 490px;
background-color: #f8f8f8;
background-image: url(../images/sprites/corners.png);
background-repeat: no-repeat;
clear: both;
}
#container #right-content #right-box #right-box-base #right-box-base-r {
height: 6px;
width: 6px;
background-image: url(../images/sprites/corners.png);
background-position: 0px -7px;
float: right;
clear: left;
}
Site Live Veiw: http://www.spinnykid.co.uk/layout.html
Full Site Code Here: http://www.spinnykid.co.uk/spinnykid-wdhelp.rar
Both CSS and HTML Validated
Thanks for any help...
Daniel