CSS transform translate Internet Explorer Issue

Hi,

Having an issue with translating (animation) a png photo object across the screen in IE. I speculate that it may be something to do with IE object origin positioning and how percentages are handled (or not as the case may be).

Here is a link to a very simple test page which works in FF and chrome but not IE.

CSS animation example

Can anyone yield the correct code for it to behave properly in IE?

Many thanks,

Psy

Div with "width: auto;" not auto-expanding & "display: inline;" not working on its own. Why is this happening?

Hi everyone,

Can anyone tell me why my div is not auto expanding to fit its contents, even though I set "width: auto;" ?
Also, why does my "display: inline;" not work?

You can see what I mean here:  http://www.jasonwangart2.blogspot.ca/

Question 1: I set the div-with-thick-red-dashed-border to "width: auto;", but the inner divs are wrapping for some reason, and the div-with-thick-red-dashed-border is not expanding horizontally to contain more divs.

Auto-resize a <div> image when there is a second <div> inside the main <div> wrapper

I have a .well.carousel and inside that I have two , one is the image and the other is the title text. I managed to auto-resize the image, but when I reduce the height of my well.carousel then the title text falls out of the .well.carousel. How do I get the image to resize such that the title text also stays enclosed within .well.carousel when my height is 150px (see Fiddle)????

http://jsfiddle.net/rabas007/vy5re648/68/

position in safari

Hi,
My goal is to make centered and responsive 3 elements in a div. I did in Firefox, Chrome, IE, Opera but not in Safari.
This is the link:
http://baliweddingblog.com/test/
This is the html:

<div class="socials">
				<p>If you found this article useful please share it</p>

How does CSS height work?

I am working on a web app, this is my first one. I am trying to understand how these things work but am having trouble figuring out how they work together. Neither can I find any good pages / tutorials. For example, this page says:

Relative Positioning

A relative positioned element is positioned relative to its normal position:

Syndicate content