css infobox in table positionieren

[michael kneissl]

hallo,

ich habe eine tabelle, wo diverse einträge drinnen stehen. jetzt habe ich eine neue zeile, mit 2 zellen, und pro zelle will ich eine infobox.

ich hab mir den code im inet zusammengesucht:

#info1 {
font-family:arial, verdana, sans-serif;
font-weight:bold;
position:absolute;
top:2em;
left:10em;
z-index:1;
width:150px;}

#info2 {
font-family:arial, verdana, sans-serif;
font-weight:bold;
position:absolute;
top:2em;
left:24em;
z-index:1;
width:150px;
text-align:left;}

#info1 a, #info2 a {
color:#000000;
background:#ece8d9;
text-decoration:none;
display:block;
padding:0.4em;
margin:0;
border:1px solid black;
width:10em;}

#info1 a:hover, #info2 a:hover {
color:black;
background:#e0d9bc;
text-decoration:none;
border:1px solid black;}

#info1 a .info, #info2 a .info {display:none;}

#info1 a:hover .info, #info2 a:hover .info {
color:black;
background:#fafafa;
font-weight:normal;
border:1px solid black;
display:block;
padding:0.4em;
font-size:0.9em;}
-------------

hier werden die boxen aber absolut mit den angegebenen werten positioniert. wie mache ich es, dass die boxen in der tabelle sind?

danke,
michael