The problems are not non-sensical, but perhaps a bit cryptical :) Chrome apparently is very good in trying to figure out what you meant.
For that error you mentioned, if you fix the first error (line 7) it will go away. If you check "Clean up Markup with HTML-Tidy", you'll get some help fixing everything.
OK, so I have fixed the errors which were essentially the fact that I used the same id tags with the same reference more than one instead of having it as a CSS class
the problem still exists even though the HTML is 100%. so I guess next step is - here is my (butchered no doubt) css
body
{
background-color:#FFFFFF;
background-position:center top;
text-align:center;
}
input
{
margin:5px;
}
h1
{
color:#000066;
text-align:center;
font-size:25px;
font-style:bold;
font-family:"Arial"
}
.shadow
{
box-shadow: rgba(0,0,12,0.25)9px 9px 8px;width:900;
}
.instruct
{
color:red;
font-style:bold;
}
.outline
{
border-style:double;
border-width:2px;
border-collapse:collapse;
}
h2
{
color:#000066;
text-align:center;
font-size:20px;
font-family:"Arial";
}
div
{
text-align:left;
font-size:20px;
}
div.newsFeed
{
height:400px;
width:250px;
}
div.nextWeek
{
height:400px;
width:250px;
}
p.list_element
{
text-align:left;
font-family:"Arial";
font-size:15px;
margin-top:15px;
margin-left:10px;
margin-right:10px;
padding:4px;
border-radius:10px;
background-color:rgba(0,120,255,0.2);
}
p
{
text-align:center;
font-family:"Arial";
font-size:20px;
border-radius:10px;
}
tr
{
margin:auto;
font-family:"Arial";
vertical-align:top;
}
td
{
background-color:rgba(0,102,255,0.2);
border-radius:15px;
}
table,th
{
margin:auto;
font-family:"Arial";
border-radius:10px;
}
img
{
margin:10px;
}
.clear
{
background-color:#FFFFFF;
}
.claim
{
color:grey
}
#banner
{
color:aqua
}
#backteal
{
background-color:rgba(0,128,128,0.8);
box-shadow: rgba(0,0,12,0.25)9px 9px 8px;
color:#FFFFFF;
}
.shadow_img{box-shadow: rgba(0,0,12,0.25)9px 9px 8px;}
#w_250{
width:250;}
#spaceAge{
padding-left:20px;
font-family:"courier";
font-size:40px;
color:#FFFFFF;
background-color:rgba(0,128,128,0.8);
border-radius:10px;
}
…