Css question about position

Greetings,
I hope this question is allowed, cause I am a my wits end.
On my webpage (made in wordpress) : http://finmand.dk/almastofa/, I have several problems with my sidebar, which I hope some kind person can help me with.

1: The 2 lines? I would like them to flow side by side to the sidebar, a bit to the left, but BEHIND the top navigation bar.
#sidebar {  position:absolute; top: 0px; text-align: left; padding-top: 23px; background-color: #e3ad82;  width:200px; height:100%; z-index:1; background-image: url('imgs/left.png'); background-repeat:repeat-y; background-position: 10% 0%}
If I write -10% 0% the lines disappear.
What do I need to do to make them behave?

2: Press "Hest" (in the top navigation bar)and I have a sidebar menu. But I can't figure out how to style it.
<div id="sidebarNav">
<?php
  if($post->post_parent)
  $children = wp_list_pages("title_li=&child_of=".$post->post_parent."&echo=0");
  else
  $children = wp_list_pages("title_li=&child_of=".$post->ID."&echo=0");
  if ($children) { ?>
  <ul>
  <?php echo $children; ?>
  </ul>
  <?php } ?>
</div>
If possible, I would like the first level buttons to stay, even though you press second level.

Hope this make sense, and I apologize for any ugly grammar.
Thanks in advance for any help or advice.