hi guys

i recently developed a website for a company, using css which is the first time i ever used css to completely design the layout of the website, but when the browser is resized the bg does not resize and the content does.

Any ideas on what i can do to solve this problem…

http://www.pizza52.net/Franchise.html
http://www.pizza52.net/Concept.html

above are the 2 pages which are giving me problems and here is the css of both pages

Concept :
body {
  background-color: #FFF;
  background-image: url(images/Concept.png);
  background-repeat: no-repeat;
  margin: 0px;
  padding: 0px;
  height: auto;
  width: 100%;
  background-position: center;
}
.layout {
  left: 110px;
  bottom: 200px;
  background-position: center bottom;
  background-repeat: no-repeat;
}
#Logo {
  background-repeat: no-repeat;
  margin: 0px;
  padding: 0px;
  position: absolute;
  left: 277px;
  top: 115px;
}
#menu   {
  background-position: bottom;
  height: 40%;
  padding-top: 52%;
  width: 100%;
}

Franchise:
@charset “utf-8”;
body {
  background-image: url(images/FranchisePage.png);
  background-repeat: no-repeat;
  background-position: center center;
  height: 768px;
  width: 100%;
}

#menu   {
  background-position: bottom;
  height: 400px;
  padding-top: 56%;
}

#Logo {
  background-repeat: no-repeat;
  margin: 0px;
  padding: 0px;
  position: absolute;
  left: 250px;
  top: 51px;
}

Thanks in Advanced

Naja