Estou usando a biblioteca Javascript do Raphael para fazer alguns desenhos rudimentares para uma página da web. Estou apenas desenhando algumas linhas que irradiam de um ponto. No Chrome, Firefox e Opera, essas linhas estão sujeitas ao tamanho da tela SVG. Esse é o comportamento desejado, porque eu quero desenhar um raio o quanto quiser, mas eu façonã quer que isso afete o tamanho da página. Se eu desenhar uma caixa com 5000 pixels de largura, apenas a parte dentro da tela ficará visíve

No entanto, o Internet Explorer (surpresa surpresa) ignora completamente o tamanho e os limites da tela e acomoda o que for desenhado. Portanto, se eu desenhar uma caixa de 5000 px a partir de 0, 0, mas a tela tiver 50 px por 50 px e iniciar em 20, 20, você ainda verá uma caixa em 0, 0 com 5000 px de largura e a página terá uma barra de rolagem na parte inferior, para que você possa rolar para o lado para ver a coisa toda. Não quero que isso aconteça.

Como faço para que o Internet Explorer se comporte como os outros navegadores a esse respeito? Não quero que a página seja capaz de rolar para exibir as outras partes da imagem desenhada por Raphael, quero que as bordas sejam cortadas pelo tamanho natural do document

Estupidamente, respondi à minha própria pergunta com este tópico do grupo de notícias:http: //groups.google.com/group/raphaeljs/browse_thread/thread/43c71ec89a6a01e

Simplesmente adicione isso ao seu CSS:

svg { overflow: hidden; }