Css kód segítség? :S tovább->

Van egy kódom:

* {

padding: 0;

margin: 0;

}

body {

background: #000;

font-family: arial,tahoma,verdana;

font-size: 11px;

margin-top: 30px;

}

div#container {

width: 740px;

margin: 0 540px;

}

div#content {

float: left;

background-color: #898989;

color: lime;

padding: 20px;

margin-top: 1px;

border-bottom-left-radius: 10px;

border-bottom-right-radius: 10px;

border-top-right-radius: 10px;

box-shadow: 2px 2px 2px #787878;

}

div#content h1 {

font-family: georgia;

font-size: 30px;

margin: 0 0 20px 0;

padding: 0;

}

div#content p {

text-align: justify;

line-height: 18px;

margin: 0 0 10px 0;

}

div#kep {

background-color: #000;

background-image: url(en.jpg);

background-repeat: none;

margin: 150px 200px;

}

ul#menu a,

ul#menu div {

padding: 10px 20px;

display: block;

color: #fff;

text-decoration: none;

text-shadow: 1px 1px 1px #000;

font-weight: bold;

}

ul#menu div {

cursor: pointer;

background: url('arrow_down.png') no-repeat 95% 50%;

}

ul#menu li {

list-style: none;

float: left;

color: #fff;

font-size: 14px;

text-transform: uppercase;

background: #000000;

background: -moz-linear-gradient(top, #006600 0%, #000000 100%);

background: -webkit-gradient(linear, left top, left bottom, from(#006600), to(#000000));

margin-right: 1px;

width: 160px;

text-align: center;

border-top-left-radius: 10px;

border-top-right-radius: 10px;

}

ul#menu li:hover {

background: #000099;

}

ul#menu li ul {

display: none;

position: absolute;

border-top: 1px solid transparent;

}

ul#menu ul li {

float: none;

text-transform: lowercase;

margin: 0;

background: url('arrow_right.png') no-repeat #3f3f3f 5% 50%;

font-size: 11px;

border-radius: 0;

box-shadow: none;

}

ul#menu ul li:hover {

background: url('arrow_right.png') no-repeat #000 5% 50%;

}

ul#menu ul li a {

padding: 10px;

}

Nah most ezzel az a baj, hogy mindent jobbra rak a container és nem vágom hogyan lehetne meg csinálni ezt:

(csak nagy vonalakban a vázlat!)

|-------------|-------------------------|-------|

| |____ div#menu___________| |

| --------- |

|| | |-------------------------| |

|| div#kep | | | |

|| | | | |

||_________| | | |

| | | |

| | | |

| | div#contant | |

| | | |

| |_________________________| |

| |

|_______________________________________________|