My web page is http://frank.mtsu.edu/~wding/index.html

when it is starting to load the page, somehow the middle portion of the page, i.e. the contact info portion, looks strange, can we predefine how big that portion is so that when loaded it will stay at its own position, not shifted or stretched?

Thank you!

I don't know what you're talking about. In what browser/OS do you experience that?

Meanwhile, you should fix the markup errors found by the online validator.
And correct the CSS comment error in #mybody A:hover.

You have:
<!--border-bottom:2px dotted #bf6900 -->

but it should be
/* border-bottom:2px dotted #bf6900 */

I fixed that error. Thank you.

Maybe i didn't make myself clear, if i use Firefox to open my web page, the middle portion will shift to the right, then after the "slide show" finishing loading, the middle portion will go back to center.

if i use IE, the middle portion will be stretched to a bigger size before the "slide show" fully loaded.

how can i fix it?

The markup errors reported by our online validator are informative.

Also, you haven't used the height and width attributes for img.ChangingPix

It probably doesn't help that you're resizing the images using style="width:250px"

Basically, the image's src is broken until the JavaScript kicks in and fixes it. Assuming JavaScript is enabled/available, of course.

thanks a lot.