Nybörjarfråga css

Min sida är uppbyggd i tre "spalter" med en mall från dreamweaver. Den täcker hela sida i alla upplösningar. Nu skulle jag vilja ha den så att den max kan bli en storlek säg 750px eller något sånt. När jag pillar i min css så blir det förskjutning i sidled på högerspalt. jag skulle vilja ha den så att ytterkant på den den alltid låg i jämn med ytterkant det jag har i topp.
Så här ser det ut i min kod just nu.

#masthead{
	padding: 10px 0px 0px 0px;
	border-bottom: 1px solid #cccccc;
	width:100%;
	background-color: #CCCCCC;
	
	
	
}

#navBar{
  float: right;
	width: 18%;
	margin: 0px;
	padding: 5px;
	background-color: #eeeeee;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

#headlines{
  float:left;
	width:18%;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 10px;
}

#content{
  float: left;
  width: 55%;
  margin: 2px;
  padding: 0px;
}

Så här ser det ut nu.
https://www.lyckasmedmat.nu

Lägg allt du har i en div(#wrapper) och sätt följande css på den

[red]
body
{
     text-align: center; /*om du vill centrera */
}
#wrapper
{
     text-align: left; /*återställ text till vänster */
     max-width: 750px;
     _width: 750px; /* för IE */
     margin: 0 auto; /*om du vill centrera*/
}
[/red]

typ ;)

mv icaaq

Efter en snabb tittt så förstår jag principen, så jag ska nog lyckas pillra till det.

// Tackar och bockar.