Szerokość obrazka w tabeli zmienia się na innej przeglądarce niż chrome

Witam. Na mojej stronce jest tabelka o następującym układzie:

Tekst | Zdjęcie
Tekst | Zdjęcie

Oto kod zdjęcia w tabelce:

					
<td>
	<div id = "ImageDiv">
		<img src = "img/Image.jpg" width = "100%" height = "70%"></img><br />
		Desc
	</div>
</td>

i kod css:

#ImageDiv
{
	border: 1px solid 000000;
	background-color: ffffff;
	font-size: 15px;
}

Powyżej wkleiłem kod komórki z pierwszego wiersza drugiej kolumny.

Na chromie wygląda to tak jak chcę(załącznik nr. 1), jednak na innych przeglądarkach rozmiar się rozjeżdża(załącznik nr. 2). Oryginalnie wielkość obrazka wynosi 300px x 214px. Proszę o pomoc.

Edit
Tylko na Chrome działa mi również gradientowe wypełnienie(widać po nagłówku i menu i lewym górnym rogu).

Nie dałeś kodu gradienta.

Druga rzecz - co chcesz osiągnąć tym width i height? Od jakiej wartości to mają być procenty?

Kod gradienta:

background-image: -webkit-gradient(linear, left top, left bottom, from(#00ff00), to(#0075ff));

Kod gradienta masz tylko dla przeglądarek na webkicie i chcesz, żeby działało na wszystkich? :P
Zaktualizuj wiedzę, gradienty inaczej się definiuje.

No dobra, gradient to sprawa drugorzędna, bo mogę to załatwić po prostu obrazkiem. Chodzi mi o to, że np. Firefox ignoruje zmianę rozmiaru obrazka, przez co zmienia mi się cały format tekstu na stronie.

Zadałem Ci pytania.

gradient to sprawa drugorzędna, bo mogę to załatwić po prostu obrazkiem

@dzek69 spogląda na kalendarz i upewnia się czy jest rok 2014 czy 2008

No dobra, poradziłem sobie z tym gradientem bez webkitu, ale tylko jako tło dla całego div'a. Problem pojawia się w przypadku tekstu, otóż gradient rozciąga się na całej szerokości strony, oczywiście pomijając tekst. Jak na razie załatwiał mi to webkit:

	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

, jednak działa to tylko na Chrome. Jest jakiś sposób na zrobienie tego bez webkitu?

biblioteka javascript: http://labs.dragoninteractive.com/rainbows_demo.php

nie zauważyłem, że tam tekst też był gradientem (btw: taki pomysł kojarzy mi się z latami ok 1995, no ale dobra, to Twoja strona :P)

Ciekawa biblioteka, dzięki za pomysł. No ale wciąż pozostaje problem obrazków, który najbardziej niszczy stronkę. Dodam tylko, że z tymi wymiarami chodzi o wymiar względem rozmiaru komórki w tabeli.

Dodam tylko, że z tymi wymiarami chodzi o wymiar względem rozmiaru komórki w tabeli.

ale ty tym komórkom nie nadajesz szerokości i w tym jest problem, że ta szerokość dobiera się automatycznie. i przeglądarki inaczej traktują "50% od automatycznie"

Dzięki za propozycję, teraz już tylko ustawiam tak, żeby na Chrome ładnie wyglądało, a potem w pikselach na siłę ustawiam i wszędzie chodzi.