Individuare problema CSS

Ragazzi ho scaricato da internet un css già pronto e l'ho applicato al mio sito ecco il link.

Ma c'è un piccolo problema grafico che a me da molto fastidio, non so se avete notato nell'angolo in alto a destra la barra blu sta un pixel più in alto con il resto della grafica. Io di css non ci capisco nulla, qualcuiino esperto saprebbe dirmi cosa devo modificare nel foglio di stile per abbassare quella banda blu?

Questo è il css:

html {
	background: #efefef;
	margin:0 0 0 -1px;
	padding:0;	
	overflow-Y: scroll;
}


body {
	padding:0;
	margin :0;
	display:table; 
	width:100%;	
}


					body {
	color:#656565;
	font-family: 'Trebuchet MS', sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
}

p {
	letter-spacing: normal;
	line-height: 1.7em;
}

h1 {
	color:#78a8c0;
	font-size:22px;
	margin:25px 0 10px 0;
	clear:both;
}


h2 {
	color:#78a8c0;
	font-size:20px;
	margin:20px 0 10px 0;
	clear:both;
}


h3 {
	color:#78a8c0;
	font-size:18px;
	margin:20px 0 5px 0;
	clear:both;
}



a:link, a:visited {
	color:#1860a8;
	text-decoration:none;
}


a:hover {
	color:#ffa500;
	text-decoration:underline;
}
	
					
#wrapper {
	background: transparent url( images/css/page-vbg.jpg ) repeat-y scroll 50% 0px;
	margin:0 auto ;
	width:100%;
}

					body {
	background-color:#efefef;
	background-image:url( images/css/body-bg.jpg );
	background-position:center top ;
	background-repeat:repeat-x;
}


	

#bg {
	margin:0 auto;
	padding:0;
	background:transparent ;
	background-image:url(images/css/hat.jpg);
 	background-repeat:no-repeat;	
	background-position: center top ;
}



					#header {
	margin: 0 auto;
	min-height:0px;
	height: 0px;
	width: 960px;
}
	

#page {
	background: transparent url( images/css/page-bg.jpg ) no-repeat center top;
}


					

#container {
	margin:0 auto;
	width:960px;
}


#banner {
	margin: 0 auto;
	height:230px;
	width:100%;
}

					

#nav1 {
	height:40px;
	margin:0 auto ;
	text-align:center;
}

#nav1 ul {
	display:table;
	margin:0 auto;
	padding:0;
	list-style-type:none;
	position:relative;
	height:40px;
	text-transform:uppercase;
	font-size:11px;
	font-family:Arial,sans-serif;
}


#nav1 ul li {
	display:block;
	float:left;
	margin:0;
	padding:0;
	background:transparent url('images/css/hmenu.jpg') repeat-x top left;

}


#nav1 ul li a {
	display:block;
	float:left;
	color:#222222;
	text-decoration:none;
	padding:0px 20px ;
	line-height:40px;
	font-weight:bold;
}


#nav1 ul li a:hover, #nav1 li#current a {
	color:#ffffff;
	background:transparent url('images/css/hmenu-sel.jpg') repeat-x top left;
}


	

#content {
	width:960px;
	margin:0 auto ;
	text-align:left;
	min-height:800px;
}


#content p {
	text-align:justify;
}
	



#footerWrapper {
	margin:0 auto;
	height:170px;
	padding:0;
	background:transparent url( images/css/footerWrapper-bg.jpg ) no-repeat scroll center top;
}


#footer {
	margin:0 auto;
	padding:0;
	width:960px;
	height:90px;
}


					#footer {
	color:#FFFFFF;
	text-align:center;
}

#footer a:link, #footer a:visited {
	color:#FFFFFF;
}


#footer a:hover{
	color:#ffb500;
	text-decoration:none;
}

	
	
					
#right {
	width:300px;
	padding:10px 20px 20px 20px;
	float:left;
}


#center {
	width:580px;
	padding:10px 20px 20px 20px;
	float:left;
}

 
#content p {
	margin-top:10px;
	text-align:justify;
}


										
#sidebar ul.vmenu {
	list-style: none;
	text-align: left;
	margin: 7px 0px 8px 0px; 
	padding: 0;
	text-decoration: none;	
	border-top: 1px solid #d8d8f0;
}


#sidebar ul.vmenu li {
	list-style: none;
	padding: 4px 0 4px 0px;
	margin: 0 2px;	
	border-bottom: 1px solid #d8d8f0;
}



#sidebar ul.vmenu li a {
	text-decoration: none;
	color:#1860a8;
}


#sidebar ul.vmenu li a:hover {
	color:#ffa500;
}


#sidebar ul.vmenu ul { margin: 0 0 0 5px; padding: 0; }
#sidebar ul.vmenu ul li { border: none; }


			


a img {
	border:none;
} 


.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

Grazie a chi tenterà di aiutarmi!

[dreadnaut]

Cambia browser Con Chrome, IE9 e Firefox si vede correttamente.

Cambia browser Con Chrome, IE9 e Firefox si vede correttamente.

scusa ma io uso chrome e vedo il difetto, ho fatto la prova e lo vedo con tutti gli altri browser, forse è talmente piccolo che non ci si fa caso, ti posto un'immagine:

Vedi quello scalino indicato dalla freccia rossa, è bruttissimo, come faccio a toglierlo

[acsocmel]

l'immagine è storta :)

[dreadnaut]

Ah, colpa mia, non avevo allargato il browser per guardare fino a quel punto.

Quella è l'immagine del body —lo scopri togliendo i vari sfondi, uno per volta. Per allinearla basta spostarla di un pixel, nel css, alla riga 89:

	background-position:center 1px ;

Ah, colpa mia, non avevo allargato il browser per guardare fino a quel punto.

Quella è l'immagine del body —lo scopri togliendo i vari sfondi, uno per volta. Per allinearla basta spostarla di un pixel, nel css, alla riga 89:

	background-position:center 1px ;

ho fatto come hai detto e quel punto si è sistemato, ma ora gli altri 3 angoli hanno lo scalino, guarda nel sito ho lasciato la tua correzione.

cavolo ma come l'hanno fatto questo css!!

[dreadnaut]

Hahhaha allora l'immagine di sfondo è davvero storta! Pensavo che acsocmel scherzasse, sopra

Che imbranati vabbè che è gratuito questo css, ma distribuirlo così non mi sembra il caso! Vabbè allora quando torno a casa provo a sistemare l'immagine con photoshop. Grazie ragazzi buon 1maggio!