Positioning relative v absolute-- Style or functionality, not both

[GGG]

Neither go the way I want them to... Absolute doesn't get it right
over multiple browsers. Relative puts it in the right place, but only
the portion that it is "relative" the style, #wleMenu, is running.
Holding the cursor over any portion OUTSIDE of this block is not
registering.
Mozilla doesn't do anything, IE will fire off an error, when I go past
"the zone" with "object required" (like the scipting isn't even there)

I have the following CSS code.

#wleMenu

{
position: absolute;
left: 1;
width: 245px;
height: 786px;
}

#twoLine {position:absol ute;bottom:-325;left:-5;width:850;hei ght:40;}
/* ( I've also tried, {position: relative;bottom-770;left;-85;width:
850;height:40;}
(also have had "px" at the back of the width and height) */
--- filebloc1

<script language="javas cript" src="js/t.js"></script>
<!---side menu covers the dividing bar and the side menu--->
<div id="oneLine" class="bi24" &nbsp;</div<!---dividing bar--->
<div id="wleMenu" class="bi52" align='center' <!---side menu--->

<div align='center'> <div class="bi40">Se rvices</div></div>
<br>
<!--colors the menu section-->
<a href="index.php " onMouseOut="swa pImgRest()"
onMouseOver="sw apImg('j1','',' images/r180hom.gif',1) "><img name="j1"
alt="8" border="0" src="images/b180hom.gif" ></a>
<a href="intro.php " onMouseOut="swa pImgRest()"
onMouseOver="sw apImg('j2','',' images/r180care.gif',1 )"><img name="j2"
alt="8" border="0" src="images/b180care.gif" ></a>
<a href="compSvc.p hp" onMouseOut="swa pImgRest()"
onMouseOver="sw apImg('j3','',' images/r180cs.gif',1)" ><img name="j3"
alt="8" border="0" src="images/b180cs.gif" ></a>
<a href="Skills.ht m" onMouseOut="swa pImgRest()"
onMouseOver="sw apImg('j4','',' images/r180pgm.gif',1) "><img name="j4"
alt="8" border="0" src="images/b180pgm.gif"></a>
<a href="weblinks. php" onMouseOut="swa pImgRest()"
onMouseOver="sw apImg('j5','',' images/r180ws.gif',1)" ><img name="j5"
alt="8" border="0" src="images/b180ws.gif" </a>
<a href="vertgen.p hp" onMouseOut="swa pImgRest()"
onMouseOver="sw apImg('j8','',' images/r180fs.gif',1)" ><img name="j8"
alt="8" border="0" src="images/b180fs.gif" </a>

<a href="ebyaTA.ph p" onMouseOut="swa pImgRest()"
onMouseOver="sw apImg('j6','',' images/r180ta.gif',1)" ><img name="j6"
alt="8" border="0" src="images/b180ta.gif" </a>
<a href="#" onMouseOut="swa pImgRest()"
onMouseOver="sw apImg('j7','',' images/r180msg.gif',1) "><img name="j7"
alt="8" border="0" src="images/b180msg.gif" </a>
<br><br>
<div class="bi40" align='center'> On the Lighter Side</div>
<br><br>
<a href="#" onMouseOut="swa pImgRest()"
onMouseOver="sw apImg('j9','',' images/r180int.gif',1) "><img name="j9"
alt="8" border="0" src="images/b180int.gif" </a>
<a href="#" title="coming Soon" onMouseOut="swa pImgRest()"
onMouseOver="sw apImg('j10','', 'images/r180trav.gif',1 )"><img
name="j10" alt="8" border="0" src="images/b180trav.gif" </a>
<!---expand this one to cover the first I-40, my trip to PA/west
coast/experiences in PA. Make it entertaining, wahoo.--->
<a href="swtoc.htm l" title="Yes, these were my experiences"
onMouseOut="swa pImgRest()" onMouseOver="sw apImg('j11','', 'images/
r180AM.gif',1)" ><img name="j11" alt="8" border="0" src="images/
b180AM.gif" </a>

</div><!--closes wlemenu-->

----Fileblock2--- this follows the above... it's the bottom menu I
want to have functionality with when doing a relative position, and
which very little of it works in its current stead.
<div id="twoLine" class="bi47">
<table width="775" " border="0" cellspacing="0" cellpadding="0" >
<tr>
<td width="55" ><a href="index.php "
onMouseOut="swa pImgRest()" onMouseOver="sw apImg('I1','',' images/
bk90hom.gif',1) "><img name="I1" alt="8" border="0" src="images/
r90hom.gif" ></a></td>
<td><a href="intro.php " onMouseOut="swa pImgRest()"
onMouseOver="sw apImg('I2','',' images/bk90care.gif',1 )"><img name="I2"
border="0" src="images/r90care.gif" ></a></td>
<td width="87"><a href="Skills.ht ml"
onMouseOut="swa pImgRest()" onMouseOver="sw apImg('I4','',' images/
bk90pgm.gif',1) "><img name="I4" border="0" src="images/r90pgm.gif" ></
a></td>
<td ><a href="portfolio .htm" onMouseOut="swa pImgRest()"
onMouseOver="sw apImg('I8','',' images/bk90ebya.gif',1 )"><img
src="images/r90ebya.gif" name="I8" border="0"></a></td>
<td ><a href="http://www.responsemar keting.com/"
onMouseOut="swa pImgRest()" onMouseOver="sw apImg('I5','',' images/
bk90msg.gif',1) " target="_blank" ><img name="I5" border="0" src="images/
r90msg.gif" ></a></td>
<td ><a href="http://rjlauren.com/rjlauren/index.html"
onMouseOut="swa pImgRest()" onMouseOver="sw apImg('I6','',' images/
bk90fs.gif',1)" target="_blank" ><img name="I6" border="0" src="images/
r90fs.gif"></a></td>
<td width="87"><a href="compSrv.p hp"
onMouseOut="swa pImgRest()" onMouseOver="sw apImg('I3','',' images/
bk90cs.gif',1)" ><img name="I3" border="0" src="images/r90cs.gif" ></
a></td>
<td ><a href="contact.h tm" onMouseOut="swa pImgRest()"
onMouseOver="sw apImg('I7','',' images/bk90trav.gif',1 )"><img name="I7"
border="0" src="images/r90trav.gif" width="50" height="28"></a></td>
</tr>
<tr>
<td align='center' class="smallpr" colspan="8">FAQ | <a
href="mailto:da ***@steric.net" Contact Me</a</td>

<td></td>

</tr>
</table>
</div>
all in the form of php includes (again, it does not matter if I hard
code it into a file or use server includes ala php--- same result.)
When I use "relative" (the second option), I get what I want. Just
nothing outside of the wleMenu works.
When I use "absolute", the design really sucks, but I get
functionality.
I know it is better to use relative, but how do I get the other damned
options to work the way they are supposed to?

I'm too embarassed to show my site.

[Bergamot]

GG*@steric.net wrote:

>
I have the following CSS code.

Don't post code, post a URL.

I'm too embarassed to show my site.

Maybe so, but we still need to see it if you expect to get some help
with it.

BTW, the first thing you should do is validate your code. This will
eliminate syntax errors as a cause of rendering problems. Your code
definitely has errors in it.
http://validator.w3.org/
http://jigsaw.w3.org/css-validator/

--
Berg