Quote Originally Posted by gee38l View Post
It seems i am having an issue as stated above with the css header going all wack when the screen is resized to about 800x600 resolution. It moves the menu to the right (see attached pic) and also pic above from CES .

Here is my current css:

HTML Code:
div#dropMenu {
	width:auto;
	margin:0px;
    text-align:center;
	z-index:1000;
        position:absolute;
        top:198px;
        bottom:300px;
        left:200px;
        right:0px;
         width:865px;
Anyone know why its moving to the right on smaller screen and also when you resize the screen?
UPDATE to the above issue!

I followed another post above that reccommended i move the code up a bit and then lower it, i did that and it seems to be working (please test) in ie7 and mozilla but not safari!
(Attached pic of safari)

Here is my new code:

HTML Code:
div#dropMenu {
	width:865px;
	margin-top:-30px;
       margin-left:50px;
    text-align:center;
	z-index:1000;
        position:relative;
        
	}
Can anyone assist in fixing the safari issue?

Thanks