I have a problem in this link www.infinitedesigner.com/test123.html

when I open this link Internet Explorer or Google Crome. Its working good. But when I open this Firefox. Its not working good. Marquee images working in right.

Anyone can solve my problem?

Edited March 3, 201115 yr by infinite

If you change position relative to position absolute in your marquee class.

 

.marquee {
    position:relative;
    overflow:hidden;
    width:894px;
    height:180px;
    border:solid black 0px;
    margin:10px 0px 0px 0px;
    padding:10px 0px 0px 0px;
    }

 

.marquee {
    position:absolute;
    overflow:hidden;
    width:894px;
    height:180px;
    border:solid black 0px;
    margin:10px 0px 0px 0px;
    padding:10px 0px 0px 0px;
    }

Wow! Thank you sir. I have done this work. now its working in all browser. Thank you so much sir.

Sir please tell me that whats different between position:absolute; and position:relative...?

Essentially:

 

Position: relative elements take a position from the element coded immediately before in the html markup (ie follow on the next line or side by side if floated or are kept away from previous and following elements with margins and padding).

 

Position: absolute elements take their position from the top, left, right or bottom of a parent element that has position: relative, or failing that, from the corners of the body. They can be often be coded out of sequence with other html markup codes as absolute elements are not "in the normal flow" of the document.