Problem med upplösningen?!

Vid lägre upplösningar blir skuggan betydligt större än vad den borde vara! Går detta att fixa?

.headtable { background-color: #ffffff; 
                     border: 2px #006699 solid; 
                     position: relative;
                     z-index: 1; 
                  }

.shadow { height: 300px;            
                 width: 955px;            
                 /* margin-top = -1*height-margin-left */            
                 margin-top: -285px;            
                 margin-left: 14px;            
                 background-color: #000000;      
              }

JavaScript har ett kommando som heter "screen.availWidth", med hjälp av det kan du få fram aktuell bredd på skärmen, t ex 1024 eller 800 och utifrån den siffran kan du kanske styra hur pass stor din skugga ska vara?