Bakgrundssproblem (Meny)

[ptjernstrom]

Hallå där!

Sitter och gör en hemsida åt en vän, har dock ett problem. Hittade en "slide meny" som jag letat efter länge. Det är den som vi ser på bilden. Problemet är bara att jag vill inte ha någon bakgrund på menyn då jag vill använda hemsidans bakgrund. Lägger jag in bakgrund på menyn så blir det en ruta runt själva menyn och ni förstår säkert att det är väldigt fult.

 

På bilden kan vi se att jag inte använder någon bakgrund på menyn, men det som är problemet är att dessa pilar ploppar upp överallt. Jag har försökt och försökt men har inte kommit till lösningen.

 

Hoppas ni förstår mitt problem.

 

 

Uploaded with ImageShack.us

 

 

Scriptet:

	//slides the element with class "menu_body" when mouse is over the paragraph
$("#secondpane p.menu_head").mouseover(function()
   {
		$(this).css({backgroundImage:"url(/down.png)"}).next("div.menu_body").slideDown(500).siblings("div.menu_body").slideUp("slow");
		$(this).siblings().css({backgroundImage:"url(/left.png)"});
});

 

 

Css:

<style type="text/css">
body {
color:#ffffff;
margin: 10px auto;
font-family: verdana, Arial, Helvetica, sans-serif;
}
.menu_list {	
width: 116px;
       background:none;
}
.menu_head {
       font-size:13px;
       text-transform:uppercase;
padding: 5px 20px;
cursor: pointer;
position: relative;
margin:0px;
   font-weight:bold;
   background: transparent url(/left.png) center right no-repeat;
}
.menu_body {
display:none;
       background:transparent;
}
.menu_body a{
 font-size:11px;
 display:block;
 color:#FFFFFF;
 background: #000000 url(http://designyou.se/michaela/wp-content/themes/michaela/images/menybg.jpg) left repeat-y;
 padding-left:0px;
 font-weight:normal;
 text-decoration:none;
 font-style:italic;
}
.menu_body a:hover{
 color: #ffffff;
 text-decoration:underline;
 }

</style>

 

Ställ gärna frågor om ni inte förstår mig,

Tacksam för svar.