CSS Dropdown menu for the header- With Categories!

[CES]

The height looks good but the horizontal left margin looks a bit wonky now.

:)

[gee38l]

The height looks good but the horizontal left margin looks a bit wonky now.

:)

What do you mean a little wonky?

[CES]

Like this.

[gee38l]

Like this.

I have tested it in firefox and ie 7 on a vista machine and its not doing that!

Can you please advise what machine you are using so i can fix it?

I noticed it did that on safari on my iphone but not on my desktop :S Anyone else showing that issue when going to my site?

And if anyone can test my site in firefox on a linux machine as im at work and i found that half my site was not working links were unclickable i am running latest ubunutu and firefix

[gee38l]

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:

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?

[gee38l]

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:

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:

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

[CES]

Looks good to me in ie8 beta / firefox on a windows xp machine.

[gee38l]

Looks good to me in ie8 beta / firefox on a windows xp machine.

Do you know what the safari issue could be?
Posted via Mobile Device

[CES]

Sorry, no.

[gee38l]

Sorry, no.

I got the safari issue sorted raised the position in tpl_header and it fixed it :)

Also got a question in regards to the css header menu, On the shopping cart menu i have on the right side can anyone advise how i would go about adding a small number that only shows with the number of items you have in the cart? So say i have 1 item in my cart, it then shows 1 on the top right corner?

Thanks