Divy w CSS

Próbuję, próbuję i nie wychodzi mi. Układ strony wygląda inaczej w IE i Firefoxie. Na moim komputerze w IE wygląda super, wszystko wyśrodkowane tak jak ma być. Na Firefoxie tekst wyjeżdża za bardzo w lewo. W IE na innym komputerze w ogóle cały układ się psuje.

Chodzi o to, aby logo (header) i treść strony (dwie kolumny na tle bg.jpg) były wyśrodkowane oraz aby tło (bg.jpg) powtarzając się, zakrywało całą wolną przestrzeń do samego dołu okna przeglądarki. Co zrobiłam źle? No i jak tabelkę przerobić całkowicie na divy ?

Kod z CSS:

body {

		background-color: #000000;

		background-image: url("images/tlo.jpg");

		background-repeat: repeat-x;

		topmargin=0px;

	margin: 0 auto;

		text-align: justify;

		color:#FFFFFF;

		font-family: verdana, trebuchet, arial;

		font-size:8pt;

		font-weight: normal;

		display: table;

	}



div.block { text-align:justify; 

			topmargin=0px;

			width=734;

			margin-left:auto

			margin-right:auto

			}


#tekst { 

		background-image: url("images/bg.jpg");

		background-repeat: repeat-y;

		margin-top=0px;

		margin-bottom=0px;

		margin-left:auto

		margin-right:auto;

		 }


A:link {background: #FF8000; text-decoration: none}


A:visited {background: #FF8000; text-decoration: none}


A:active {text-decoration: none}


A:hover {text-decoration: underline; color: FF8000;}

I kod html:

| head.jpg |
|

|
treść lewej kolumny
| |
treść prawej kolumny
|

|

height=“432” width=“734”> src=“images/head.jpg” usemap="#head" border=“0”> coords=“528,7,528,46,604,45,603,101,717,101,713,6,528,9,528,9,526,9,529,9” href="%20target=_blank%20alt="> href="" alt=""> href="" alt=""> href="" alt=""> href="" alt="">

style=“width: 650px; text-align: left; margin-left: auto; margin-right: auto;”> width=“315”>
treść lewej kolumny
width=“20”> width=“315”>
treść prawej kolumny

[/code]

Wtedy wszystko było pomieszane :wink: w HTML’u działa na 100% perfekcyjnie niestety na CSS’ie się nie znam :frowning: