psoitionierung haut nicht hin wieso??

[htmler123]

hallo leute ich habe folgendes Problem:
Ich habe ein Formular zur E-mail versendung geschrieben und in einer tabelle verpackt.
dieser tabelle habe ich die id kc gegeben und wollte sie mit css relativ positionieren aber irgend wie habe ich das gefühl das die tabelle gar nicht auf meine CSS anweisungen zurückgreift da leider überhaupt nichts passiert.

hier mal die codes:

<table id="kc">
<form action="kontakt.php" method="post">
<tr>
<td>Name:</td><td><select name="anrede"><option>Herr</option><option>Frau</option></select></td><td><input type="text" name="name" /></td>
</tr>
<tr>
<td>E-Mail:</td><td></td><td><input type="text" name="mail" /></td>
</tr>
<tr>
<td>Nachricht:</td><td></td><td><textarea cols="50" rows="5" name="nachricht"></textarea></td>
</tr>
<tr>
<td></td><td></td><td><input type="submit" value="senden" /></td>
</tr>
</form>
</table>

und hier css

[SIZE=2]
#kc [B]{[/B]
position[B]:[/B][/SIZE][SIZE=2][COLOR=#ff0000][SIZE=2][COLOR=#ff0000]relative[/COLOR][/SIZE][/COLOR][/SIZE][B][SIZE=2];[/B]
top[B]:[/B][/SIZE][SIZE=2][COLOR=#0000f0][SIZE=2][COLOR=#0000f0]300[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2][COLOR=#ff0000][SIZE=2][COLOR=#ff0000]px[/COLOR][/SIZE][/COLOR][/SIZE][B][SIZE=2];[/B]
left[B]:[/B][/SIZE][SIZE=2][COLOR=#0000f0][SIZE=2][COLOR=#0000f0]500[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=2][COLOR=#ff0000][SIZE=2][COLOR=#ff0000]px[/COLOR][/SIZE][/COLOR][/SIZE][B][SIZE=2];[/B]
[B]}
[/B][/SIZE]

ich komme nicht drauf was der fehler ist ... ich hoffe ihr findet ihn

 

[FoXMorayn]

funktioniert fehlerfrei:
homepage-code.de - post your sourcecode!

position:relative; richtet an sich selbst aus.
die verschiebung wird am ausgangspunkt gemessen.

 

[Efchen]

Hier mal ein anderer Tipp zur qualitativen Aufwertung Deines HTML-Wissens:
Reine Formsache - Barrierefreie Formulare mit HTML, CSS & JavaScript : Einfach für Alle