1. Say I have a main area with text. This area has not been specified to be either relative nor absolute (is the default then relative?), how do I position a picture to the right of this using only css and not absolute divs?

2. How do I get my page to go all the way from the top to bottom no matter what screen it is viewed on.

I have a page where I have set all the page property margins at 0. Also all my css margins are 0 but still the footer on my page still lingers above the well... bottom. Here is the css sheet:

/* CSS Document */

body {
background-color: #FFFFFF;
margin: 0px;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
font-family: Arial, sans-serif;
font-size: 100%;
color: #000000;
background-image:url(../images/pageBackground.gif);
background-position: 0px;
}

#header {
height: 60px;
margin: 1px 0 0 0;
text-align: left;
background-image: url(../images/head.jpg);
background-repeat: no-repeat;
width: 766px;
}

#mainarea {
margin: 0px 0% 10px 0;
clear: both;

}

#maincontainer {
margin-left: 196px;
line-height: 1em;
width: 570px;
margin-bottom: 0px;
}

#maincontent {
padding-top: 1px;
padding-left: 25px;
padding-right: 25px;
text-align: justify;
font-size: .9em;
line-height: 1.5em;
clear: right;
margin-bottom: 0px;
}

#sidemenu {
position: absolute;
top: 249px;
left: 11px;
width: 170px;
font-size: .8em;
height: 235px;
}

#navbar { margin: 1em 0 0 0; padding: 0; }

#navbar li { margin: 0; padding: 0; list-style-type: none; }

#navbar a, #navbar a:visited {
text-decoration: none;
height: 1.1em;
padding: 5px;
display: block;
background-color: #D9D9CD;
color: #000000;
border-top: 1px solid #999999;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #999999
}

#navbar a:hover, #navbar a:active, #navbar a:focus { color: #FFFFFF; background-color: #0099FF}

h1 { font-size: 1.2em; margin: 1px 0px 0px; }

#footer {
clear: both;
font-size: 0.7em;
margin: 1px 0 0 0;
padding: 6px 0 0 0;
background-image:url(../images/bottom.jpg);
height: 28px;
background-repeat:no-repeat;
width: 766px;
border-bottom: 1px solid;
margin-bottom: 0%;
bottom: 0%;
}
#footer p {
margin: 0 0 0 0;
}
.logo {
background-image: url(../images/logo.jpg);
background-repeat: no-repeat;
position: absolute;
}
#menubar {
margin: 10px 0 0% 196px;
font-size: 75%;
}

#wrapper {
margin: 0 0 0 0;
border-right: 1px solid;
width: 766px;
bottom: 0%;
clip: rect(auto,auto,0px,auto);
}
.meditation {
background-image: url(../images/meditation.jpg);
background-repeat: no-repeat;
}

all the best to u...