positioning

I am getting a problem with the IE6 z-index property on position: absolute. Does anyone have an idea to tack such a problem?
You can see the problem on
https://www.glorioushimalaya.com/trekking-and-hiking/everest-base-camp-trek/
when we hover the menu that goes back to the animated images. I had tried many ways but not get the problem to solve.
Expecting any idea to solve in this forum

I have added an extra page to my website and the new page will not place itself on the same line as the other pages. I presume that the ul items should fit unless there is not enough space.

I am not very good at CSS yet. I am trying to change a web page to suit our needs. The guy who created it started with someone else's template which is at;
https://html5up.net/twenty

There are parts of the page I am not fond of. He has buttons to go to outside pages, we need about six. They have large graphics and only two across. I want smaller graphics and four across. I put a sample of the HTML below.

Does anyone have any ideas about how to centre a form in CSS wordpress. I've tried every code on the planet and nothing works. This form at http://nicoscleaningservice.co.uk/work-with-us/ is so far to the right, it's falling off the page. Most CSS code online doesn't seem to do anything. Does anyone have a real, working CSS code to centre and to change height and size, not only of forms, but individuals items and boxes? Google captcha now also falling off the page too. I recon I've got the only drunk forms on the net.

I'm using a height of 60px on a text section of my home page in order to keep my grid boxes the same height

This is on my site at Dealmazing

This is an image of the grid boxes here https://ibb.co/eSGLtn

you can I've circled the part i'm asking about.

It looks fine on desktop--but when you get to Mobile it has too much spacing.

Example of that here: https://ibb.co/j5c4KS

I notice that on mobile if i remove the height it looks perfect, but then if you look at it on desktop, all of the grids are misaligned.