Menu looks sweet in Firefox.... IE? ..... eh, not so much

I have a new test menu I am trying to get working. It looks correctly with the version of firefox (apart from a slight gap between items), however, it looks HORRIBLE in IE!

http://onestopresort.com/test/index.html

I can provide any/all code if needed.
I figured that someone out there would be able to easily find the problem. I have bad menu luck apparently. Sad

Thanks in advance.

Position problem

Hello! I have a problem with position of Flash gallery in my page. When i open it in 1366x768 it looks fine, becuase i configured that way. But when i change resolution to anything else (just width resolution) isnt in position anymore.

Link: Site

CSS:

P.sredina {
    margin-left: auto;
    margin-right: auto;
    margin-top: -46px;
    width: 950px;
}
 
#gallery {
    margin-left: 500px;
    margin-right: auto;
    margin-top: -500px;
    #position:absolute;
    #width: 10px;
}

html:

Menu and errors

My bottom menu bar is still not shifting with the page...

There are 13 errors that came up in the markup, most that show the "<" brackets... I do not see how to change these as they are all essential to enclose img, div, etc.??

CSS button/div border overlap

Hi everyone,

This is my first post here so please forgive me if I'm asking in the wrong place, or too soon. I have a somewhat unique question, which should be easy to answer but hard to find the answer to.

If you look at my design, I'm trying to get the blue 1 px border for the top menu buttons to overlap the white 1 px border of the container div. Is this possible? Or do I need to use something besides CSS borders for what I want to do?

Menu a:active not working?

Hi

I have been trying to get the li in a menu to show as active when the sub category flies out.

Here is what i have so far.

#mainmenu-nav {
	list-style: none;
	list-style-type: none;
	width:153px;
	margin:-5px 0 7px 3px;
	padding:0;
	font-size:12px;
}
.li-nav a {
	padding: 2px 1px;
	width: 151px;
	display: block;
	text-indent:2px;
	text-decoration: none;
	margin:0;
	color:#646464;
}
.li-nav a:hover { background-color:#000; color:#fff; text-decoration:none; }
.ul-nav, .li-nav { display: block; list-style: none; }
.ul-nav { width: 153px;	padding:0; }

Syndicate content