Thema wegen diesen bewegenden Strichen

<style type="text/css">
   #line-wrap, marquee { position: absolute; top: 0; left: 0; }
   #line-wrap { width: 600px; }
   
   .vertical {
      background: transparent;
      border-left: 1px solid red;
      width: 1px; height: 650px; /* hoehe */      
   }
   
   .horizontal {
      background: transparent;
      border-top: 1px solid blue;
      widht: 600px; height: 1px; /* breite ueber #line-wrap bestimmen */  
   }
</style>

<div id="line-wrap">
   <marquee class="markqueegenerale" direction="left" behavior="alternate" scrolldelay="0" scrollamount="15">
      <div class="vertical" />
   </marquee>
   <marquee class="markqueegenerale" direction="left" behavior="alternate" scrolldelay="0" scrollamount="20">
      <div class="vertical" />
   </marquee>
   <marquee class="markqueegenerale" direction="down" behavior="alternate" scrolldelay="0" scrollamount="15">
      <div class="horizontal" />
   </marquee>
   <marquee class="markqueegenerale" direction="down" behavior="alternate" scrolldelay="0" scrollamount="20">
      <div class="horizontal" />   
   </marquee>
</div>