Witam

Tworzę prostą stronkę i mam mały problem. Chciałem wykorzystać darmowy szablon który można pobrać z:
http://www.solucija.com/template/internet-sharing

Demo szablonu dostępne jest na :
http://www.openwebdesign.org/design/3444/Internet_Sharing/

Problem polega na troszkę odmiennej interpretacji css przez google chrome. Chodzi o jeden z elementów strony który jest w chrome "umieszczony" 1px wyżej niż w pozostałych przeglądarkach. Szukałem błędu ale niestety nie znalazłem rozwiązania jak to zrobić by wszędzie było tak samo.

Screen z zaznaczonym błędem jakby ktoś nie zauważył. W firefoxie Ie i operze jest dobrze.
http://img52.imageshack.us/img52/706/bladaj.jpg

proszę o nakierowanie lub jak ktoś znajdzie fixa to podzielenie się rozwiązaniem dzięki

Zainteresuj się czymś takim jak "css reset", sporo tego w necie, więc na pewno jakiś arkusz znajdziesz.
Może pomoże

Na szybko możesz dać Hacka dla Chrome z:

[CSS] pobierz, plaintext 
#search {
margin: 6px 0 0 0;
}
[CSS] pobierz, plaintext 

domyślnie jest 5px 0 0 0;

A konkretnie, to musisz się pobawić i zobaczyć dlaczego tak się dzieje.

Dzięki za odpowiedź. Css reset nie pomogło, nawet pogorszyło sprawę ale dało mi to do myślenia i przyjrzałem się bliżej arkuszowi css. Udało mi się zrobić bez hacków:

[CSS] pobierz, plaintext 
body { padding: 0; margin: 0; font: 0.7em Tahoma, Arial, sans-serif; line-height: 1.6em; background: #fff; color: #454545; }
[CSS] pobierz, plaintext 

zamieniłem na

[CSS] pobierz, plaintext 
body { padding: 0; margin: 0; font: 0.7em Tahoma, Arial, sans-serif; line-height: 1.7em; background: #fff; color: #454545; }
[CSS] pobierz, plaintext 

a także

[CSS] pobierz, plaintext 
#search { 
	margin: 5px 0 0 0;
}
[CSS] pobierz, plaintext 

na

[CSS] pobierz, plaintext 
#search { 
	margin: 4px 0 0 0;
}
[CSS] pobierz, plaintext 

Takie rozwiązanie sprawiło że wszędzie jest dobrze Temat do zamknięcia pozdrawiam