Brauche eure Hilfe!

  • Hallo Breadfish Community,


    Ich habe soebend angefangen ein eigenes Design zu erstellen. Jetzt habe ich das Problem das der Hintergrund von dem Menü noch mit im Header steckt und das Menü auch das sollte am MainContainer angepasst sein also drauf liegen aber wie bekomme ich das hin? Hier mal die Seite damit ihr wisst was ich meine: Klick Mich Hart!


    Hier auch nochmal den bisherigen CSS code:

    CSS
    #header, #logo, .mainMenu, .mainMenu a, #footer {border: 0px;}.mainMenuInner {border: 0px !important;}#mainContainer {background: transparent url('$global.images.location$main.png');background-repeat: repeat-y;width: 990px;margin-left: auto;margin-right: auto;}#main {	width: 970px;}.mainMenu {position: relative;z-index: 95;top: -35px;padding-left: 30px;margin-left:31px;}#footer {background:  url('$global.images.location$footer.png');background-repeat: no-repeat;background-position: top;}#footerMenu {margin-left:10px;}#footerOptions {margin-right: 10px;}#header {	background:  url('$global.images.location$mbar.png');	background-repeat: no-repeat;	background-position: bottom;}#headerContainer {background:  url('$global.images.location$headerContainer.png');background-repeat: repeat-x;background-position: top;}#userPanel {background-image: url("$global.images.location$userPanel.png"); background-repeat: repeat-x; background-position: left top; max-width: 100%;min-width: 100%;width: 100%;}.userPanelInner {width: 980px; margin: 0 auto;}

  • Jetzt habe ich in diesem Stückchen links und rechts ne kante die über den main bereich rausragt wie bekomme ich die weg hier der code nochmal dazu:


    CSS
    #header, #logo, .mainMenu, .mainMenu a, #footer {border: 0px;}.mainMenuInner {border: 0px !important;}#mainContainer {background: transparent url('$global.images.location$main.png');background-repeat: repeat-y;width: 990px;margin-left: auto;margin-right: auto;}#main {	width: 970px;}.mainMenu {position: relative;z-index: 95;top: -8px;padding-left: 30px;margin-left:31px;}#footer {background:  url('$global.images.location$footer.png');background-repeat: no-repeat;background-position: top;}#footerMenu {margin-left:10px;}#footerOptions {margin-right: 10px;}#header {background:  url('$global.images.location$mbar.png');background-repeat: no-repeat;background-position: bottom;margin-top:5px;height: 170px;bottom: -36px;width: 990px;}#headerContainer {background:  url('$global.images.location$headerContainer.png');background-repeat: repeat-x;background-position: top;}#userPanel {background-image: url("$global.images.location$userPanel.png"); background-repeat: repeat-x; background-position: left top; max-width: 100%;min-width: 100%;width: 100%;}.userPanelInner {width: 980px; margin: 0 auto;}#search {	right: 0;	top: 113px;}