dropdown menu in Internet Explorer

hello all,

i have created my dropdown menu and it does not work well with Internet Explorer but works fine with Mozilla Firefox. what is more ambiguous is that the same codes works well on my local and only problems when hosted. below is the link to my website : http://kid-story.hostei.com/

please help... thanks...

the css of the menu :

#pillmenu {
height: 44px;
margin: 0;
padding: 0;
background: transparent url(../images/ebbtmbindex1.gif) top center no-repeat; /* topmenubackground - 965*35*/
text-align: left;

#pillmenu ul {
margin: 0;
padding: 0;

position relative "-top" increase height of parent div

awariat wrote:
hi everyone i am new on this forum and i my English is not so good i wish so i am sorry.

the problem
template with 3 png transparent images. The middle image is repeatable (repeat-y) and i put article div i this middle div.

look http://yoolek.com/testy/css_middle_problem/ind0.html

but because of construction of top image the article is a bit below so i did

.article {
			position: relative;
			top: -135px;
			margin-right: 170px;

Help centering header


I am attempting to center my header within the brower window so that it retains center regardless of how you pull out the browser window. I've tried many things, nothing seems to work correctly.

Here is a link to the page:


All of the CSS embedded in the head of the document.

You can see that I have used {left: 12%;} in the #navigation ul, this doesn't achieve what I'm looking for, only a slight approximation.

The CSS validates 100%

Full-width background image as part of layout. *Link included*

I'm trying to grasp the simple concept of creating a background image, which will sit behind (or appear as if it sits behind) the core layout divs (e.g header, wrapper). Its hard to explain, but here are a couple of examples:


Cant position a background img with <div id> tag


I am trying to set up a new site and would like to give shadow effect to the center div however i tried everything and couldnt set up the edge images to the right place.


You can already see a shadow line on the top of the page and i would like to get it under the bar, on the top of categories menu. also i have 2 side images as well and would like to place them to the sides so i have the shadow effect.

you can see the example in this site

Syndicate content