Texten blir för lång

Jag har den här CSS filen

/* Global section */

body
{
	background-color: #ffffff;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	margin:0em;
	color: #2f2f2f;
}

/* Top section */

#top
{
	margin-top:0.5em;
	margin-right:0em;
	margin-left:0.5em;
	margin-bottom:0em;
	
	position:absolute;
	font-size:xx-large;
	font-weight:normal;
}

/* Menu */

#menu
{
	margin-top:9em;
	margin-right:0em;
	margin-left:2em;
	margin-bottom:0em;

	background-color:#f0f0f0;
	position:absolute;
	font-size:x-small;
	width:10em;
}

/* Main section */

#main
{
	margin-top:4.2em;
	margin-right:0em;
	margin-left:11em;
	margin-bottom:0em;

	position:absolute;

	font-size:small;
}

och allt ser ut så som jag vill ha det men texten i main sektionen byter inte rad fören den är långt utanför skärmen/fönstret. Har försökt att sätta en % width på den men det hjälper inte. Jag vill att texten ska gå till kanten av fönstret och sedan byta rad. Tror det kan vara "widht:10em;" hos menu som spökar men jag vet inte.

/Viktor

Hmm...

I vilka webbläsare ? Funkar det i någon men inte i andra eller buggar det ur i alla du testat med?
Vilken <!DOCTYPE kör du med?
Hur ser själva htmlkoden ut - ligger taggarna för #top, #menu och #main "på rad" efter varandra eller ligger någon/några/alla inuti någon "container-div" eller så ?

Känner att jag behöver se mer för att börja nysta... Har du en länk ? (eller har du lust att lägga upp sidan i "Mina filer" ?)

Ser lika ut i både Firefox och IE.

Du kan kolla här, http://www.vgsoftware.com/webforum/test.html.

/Viktor

hm, för mig bryter den rad.. kör opera 7.54, kollade med ie, men där bryter den inte...
Om det kan vara till ngn hjälp! :)

Ser Ok ut i firefox också. :)

Ok, bara fel i IE :)
Var fel i Firefox också när jag hade en "widht:95%" i main men när jag tog bort den fungerar det bra i Firefox.

/Viktor

Ok, skrev om css filen lite och fick det att bli bra om jag tog bort "position:absolute", men då får jag tillbaka problemet som jag hade tidigare, Ofriviligt indrag...
Detta händer bara i IE och inte i Firefix.

/Viktor

Hmm..
Annars kan du ju prova att göra såhär istället:

#main
{
  position:absolute;
  height:auto;
  width:auto;
  top:4.2em;
  right:0em;
  left:11em;
  bottom:0em;
  font-size:small;
}