Tô tomando uma surra do CSS desse templatezinho
Eu queria que o menu do lado direito aparecesse ao lado do outro menu
originalmente ele não tinha o .right, eu que adicionei, mas acho que tá faltando algo pra ele subir...
se puderem me ajudar agradeço
http://www.mobmobi.net/fruits/
o CSS está assim:
* { padding: 0; margin: 0; } body { background: #eee; font-family: "Trebuchet MS" Verdana, Arial, sans-serif; font-size: 12px; color: #333333; line-height: 24px; } a { text-decoration: none; color: #0171AF; } a:hover { text-decoration: underline; color: #111; } #wrap { width: 800px; margin: 40px auto; } #header { height: 100px; background: #eee url(images/header.gif) no-repeat; } #header h1 { font-size: 34px; font-weight: 100; letter-spacing: -3px; padding: 30px 0 0 30px; } #header h1 a { text-decoration: none; color: #EC8714; } #header h1 a:hover { text-decoration: none; color: #000; } #header h2 { color: #89A537; font-size: 20px; font-weight: 100; padding: 0 0 0 31px; } #menu { height: 180px; background: #eee url(images/menu.gif) no-repeat; } #menu ul { list-style-type: none; padding: 10px 0 0 40px; } #menu ul li { } #menu ul li a { color: #E7D68D; font-size: 24px; font-weight: 600; letter-spacing: -1px; } #menu ul li a:hover { color: #333; text-decoration: none; } #content { background: #eee url(images/content.gif) repeat-y; padding: 20px; } .main { border-top: 1px solid #aaa; background: #eee; padding: 10px; width: 400px; } .right { border-top: 1px solid #aaa; background: #eee; padding: 5px; float: right; width: 300px; } .main h2 { font-size: 18px; font-weight: 100; padding: 15px 0 7px 0; } .main h2 a { text-decoration: none; } .left h2 a:hover { color: #111; } #bottom { background: #eee url(images/bottom.gif) no-repeat; padding: 10px 0; } #footer { font-size: 11px; color: #999; text-align: center; }