[Purple]

so i'm bored and the only thing I find semi interesting to do is this website project i'm doing for my software class. We're supposed to use basic html but the teacher said she'd give extra credit if we did more than that...so yeah that's what i'm doing


anyway here's what I have for my css layout:

(click to show/hide)

Code Select Expand

#name
{
color:#47A3FF;
}
body
{
background-image:url('finally.jpg');
text-align:center;
font-size:100%;
color:#FFAD33;
}
#p1
{
color:#95B0CC;
}
a:link
{
color:#FF0000;
text-decoration:none;
}
a:visited
{
color:#00FF00;
text-decoration:none;
}
a:hover
{
color:#FF00FF;
text-decoration:underline;
}
a:active
{
color:#0000FF;
text-decoration:underline;
}
#sideinfo
{
border: 1px solid white;
width:100px;
height:500px;
position:fixed;
right:50px;
background-color:green;
color:purple;
}
#sideinfocell1
{
text-align:left;
vertical-align:top;
}


problem is the table will overlap with content when the window for the webpage is transformed. How do I fix this without making the table static, which would disallow the use of "right:50px;"