clear:both does not work. Any experts?

[Rommeo]

Hi

 

i m new about CSS coding, i m trying to design a web site by using CSS. But i have a problem about settling right menu. Let me explain

Here's my HTML Code where i m using divs.

<div id="wrapper">
  <div id="masthead"><img src="assets/bnn.gif"></div>
  <div id="content">Content for id "content" Goes Here </div>
  <div id="footer">Content for id "footer" Goes Here</div>
  <div id="rightmenu">Content for id "rightmenu" Goes Here</div>
</div>

Here's my CSS code :

body {
font-family: Tahoma, Verdana, Arial;
font-size: 12px;
background-color: #666666;
margin: 0px;
padding: 0px;
color: #FFFFFF;
}
#wrapper {
background-color: #000000;
width: 740px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
float: left;
}
#masthead {
background-color: #000000;
margin: 0px;
padding: 0px;
float: left;
}
#content {
width: 430px;
padding-top: 10px;
padding-right: 40px;
padding-left: 80px;
height: 500px;
background-image: url(assets/bnn2.gif);
background-position: left top;
background-repeat: no-repeat;
float: left;

}
#rightmenu {
background-color: #FFFFFF;
padding: 0px;
float: right;
width: 150px;
color: #000000;
}
#footer {
padding: 0px;
clear: both;
background-color: #FFFFFF;
color: #000000;
}

Here is the problem :

http://www.benancetin.com/problem.gif

As you see at the pic, right menu is at the right bottom, i want it like the second pic. From top to the footer.

 

I ll be glad if anyone can help, was trying to solve this problem for a week.

Thanx in advance.

[ToonMariner]

put the right menu div before the content in your html

[Rommeo]

i have tried that before but again i tried it so ;

<div id="wrapper">
  <div id="masthead"><img src="assets/bnn.gif"></div>
  <div id="rightmenu">Content for id "rightmenu" Goes Here</div>
  <div id="content">Content for id "content" Goes Here </div>
  <div id="footer">Content for id "footer" Goes Here</div>
</div>

also moved the rightmenu-css-code before the content.

 

And here is the result :

http://www.benancetin.com/problem2.gif

cleart both not working. rightmenu is still short.