Question

I realize this is a a pretty basic question, and perhaps I’m taking advantage of you all while I should be sifting through some dense css books/materials. But I can’t figure out why my code doesn’t work.

I’m trying to create two divs on a page, one below the other and it seems like I should be able to give the lower and absolute position which is below the top div.

I’ve got to div box whose css layouts are all the same but they don’t look anything like eachother. Why is it that the second one looks completely unlike the first, why can’t I make a “copy” of the first and place it below the first?

Heres the code. the top is the desired scroller is the desired effect. http://jsfiddle.net/7YueC/

Answer 1

Take out the IDs on the divs and/or add the class .same and then switch the #lasteventimg styles to .same. Remove the #2 styles.

Fiddle: http://jsfiddle.net/7YueC/7/