[CSS] Button Fehler?(Slideshow) CSS oder JS? | Gegen Bilderklau

Kuhmuhphu

Hallo

Ich hab ein Problem.. und zwar hab ich gerade Buttons für eine Slideshow mit CSS "gestylt"... allerdings habe ich ein eingabe Feld über meiner Überschrift.. und ich weiß wirklich nicht woher das kommt?
(in meinem Editor wird das Feld nicht angezeigt... nur auf der HP)

Nun weiß ich auch nicht ob es vom CSS teil kommt? (was ich aber nicht glaube^^)
oder vom JS teil...
vielleicht (hoffentlich) findet ihr ja den Fehler im Code? - ich find ihn nämlich nicht...

Hier nochmal ein Screen damit ihr wisst was ich meine (schwarz umrandet)

Und hier der Code für die Slideshow

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:

<table  style="width: 600px; text-align: left; margin-left: auto; margin-right: auto;"  border="0" cellpadding="0" cellspacing="0">   <tbody>     <tr>       
<td style="text-align: center; width: 374px;">
<img  src="http://nicerun.square7.ch/neu/Bilder/Hof/halle.png"  name="diashow">       
<div style="text-align: center;">       
<form method="post" name="dia">         
<script language="JavaScript1.1"> var photos=new Array() var which=0 photos[1]="http://nicerun.square7.ch/neu/Bilder/Hof/unsereboxen.png" photos[2]="http://nicerun.square7.ch/neu/Bilder/Hof/unserdressurpng.png"
photos[3]="http://nicerun.square7.ch/neu/Bilder/Hof/unsereweide.png" photos[4]="http://nicerun.square7.ch/neu/Bilder/Hof/unserpaddock.png" function backward(){ if (which>0)
{ window.status='' which-- document.images.diashow.src=photos[which] } } function forward()
{ if (which<photos.length-1){ which++ document.images.diashow.src=photos[which]
 } else window.status='Ende der Diashow' //which=1;backward();return false }         </script>  
       <p align="center"><input  value="&lt; zur&uuml;ckbl&auml;ttern" name="B2" onclick="backward()"  class="button orange" align="center">&nbsp;<input  value="umbl&auml;ttern &gt;" name="B1" onclick="forward()"  class="button orange" align="center"></p>       </form>

Und hier der CSS teil für die Buttons:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:

.button 
{ display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none;
 font: 12px/100% Arial; 
padding: .5em 2em .55em;
 text-shadow: 0 1px 1px rgba(0,0,0,.3); 
-webkit-border-radius: .5em; -moz-border-radius: .5em; 
border-radius: .5em; 
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
 -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
 box-shadow: 0 1px 2px rgba(0,0,0,.2); }

 .button:hover { text-decoration: none; } 

.button:active { position: relative; top: 1px; } 

.orange { color: #fef4e9; border: solid 1px #da7c0c; 
background: #f78d1d; 
background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
 background: -moz-linear-gradient(top, #faa51a, #f47a20); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20'); } 

.orange:hover { background: #f47c20; 
background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
 background: -moz-linear-gradient(top, #f88e11, #f06015);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015'); } 

.orange:active { color: #fcd3a5; 
background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a)); 
background: -moz-linear-gradient(top, #f47a20, #faa51a);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a'); }