Mam następujący problem, przerabiam pewien skrypt i chcę pozbawić go wyglądu tabeli. nadać elementom pozycje z użyciem DIV i CSS-a. Jednak że elementy zachowują sie jak by nie widziały CSS-a bądź go nie słuchały

Oto forma pętli:
{for $planet=1 to $max_planets} <a href="?page=fleetTable&galaxy={$galaxy}&system={$system}&planet={$planet}&planettype=1&target_mission=7">{$planet}</a><br> {elseif $GalaxyRows[$planet] === false} <td style="white-space: nowrap;">{$LNG.gl_planet_destroyed}</td> {else} {$currentPlanet = $GalaxyRows[$planet]} <div id="p{$currentPlanet.planet.id}"> <table> <tr> cżęść pętli .......... </tr></table> </div> {/for}
dodałem funkcję div (poniżej), usunąłem wskazanie pętli do tabeli w CSS
funkcja bezbłędnie uzupełnia pole np.: p1, kolejny div p2 etc. w pliku cCSS umieściłem następujące wartości:
<div id ="p{$currentPlanet.planet.id}">
CSS
#p1{ left:570px; top: 520px; width: 70px; height: 70px; }
jednak że pętla wyświetla elementy jeden pod drugim a nie jak wskazuje css.
Czy mogę liczyć na waszą pomoc.
Można zamknac. Rozwiązałem problem dodając w CSS: position:absolute;