jQuery slidemenu CSS positioning problem

Hi Everyone,

I've been scouring both jQuery and CSS forums for an answer to my question to no avail, as of yet.

I'm using a typical jQuery slidedown menu placed inside of it's own html page, which is then included on the main homepage via server-side include action.

The problem is with the lower half of the menu items. They shift down approximately 10 pixels when you rollover any of the menu items and stay there until you refresh the page. This problem only occurs in internet explorer 7 for windows that I'm aware of. It works fine on internet explorer version 6 and older.

Blocks of images

Hi there, this is for my last paper at u niversity, a compared research of comercials. In the following wexa,ple, I made two blocs of images. Originally, they are on the right side of a column of text. I'd like them to form two blocks, divided from each other. This happens on IE, I've seen, but not on Firefox. The browser puts them on the same line, so I can't show that they belong to two different spots. What should I right on the Css? Also, I tried to point to the first child of each container and have it colored differently from the other items. But it didn't work.

What is creating white space at the top of the page?

Hi there,

I am trying to quickly help a friend out with his webpage, the whole thing is a mess, with CSS in the main HTML.

Long term they are going to do a complete redesign, but short term I am trying to help out.

This is how the page looks currently (the CSS has been validated)

http://www.gregh.co.uk/test/test.html

This shifts the page to the top but breaks the java menu.

http://www.gregh.co.uk/test/test2.html

The only difference between the 2 is that I have commented out this section

 /*   .vnav li ul {
   	position: absolute;
   	left: 100%;

DIV Columns + fixed header at the top

Hello all...

I'm having a bit of trouble getting something configured. I'm fairly new to using DIV, and I've Googled on how to setup columns. Easy. I've also Googled on how to setup a fixed heading at the top of the page (I want to have a heading section that always stays at the top, while the rest of the page can be scrolled down).

The problem is... I can do one or the other, but I'm having trouble doing both.

how get these LI elements side by side in IE

I have the following code below, in Firefox the left LI is on the left and the right is on the right, but in IE the right one is below the left one, what am I doing wrong? Is there an IE hack to fix this?

body
{
   background: #FFFFFF;
   font-family: Arial,Helmet,Freesans,sans-serif;
}
 
.containerCenterAlign
{
   width: 100%;
   text-align: center;
}
 
.container
{
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 500px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;

Syndicate content