Weird behaviour from my dropdown menus

[Lars-Christian]

Well, in particular the "Rate Thread" dropdown. For some reason it has suddenly started to behave a bit weird. It now alignes too much to the right, and it expands my layout, so that there's a horizontal slider if you have it set to a width aproximately the same as the width of the design.

Obviously I would want them to stay within the constraints of the design. Anyone know what the problem might be? You can see it for yourself here (http://bloggst.com/forums/showthread.php?p=41), login with test/test.

Thanks,
Lars

Okay, I've localized where the problem is (well, almost anyways). I use a div wrapped around my entire forum to do the fixed width, with the following class:

#page {
background: white;
text-align: left;
margin: 0 auto;
padding: 0 0 0 0px;
position: relative;
/* The entire template's width is set in this class. */
width: 960px;
border: none;
}

When doing this, the dropdown menus are aligned towards the right of the page for some reason, and very misplaced (goes for all of them when I stretch my browser window). If remove the fixed width however, all is fine.

Does anyone know a reasonable fix for this? I obviously want the dropdown menus to be aligned below the respective cell it belongs to.

Thanks in advance ;)

[Lars-Christian]

Nobody have any ideas on how I can go about to get this fixed?

[Princeton]

most likely it's a CSS clash ... you will have to go through your CSS and html to find the cause of your problem

TIP: an element's style can be inherited by it's parent

[Lars-Christian]

I looked around the code here on vBulletin.org, and by setting the width directly in the div I was able to rectify the problem. Not sure why this fixed it, but it works just like it should in the browsers I tested it in, so I'm happy :)

Thanks for taking the time to reply, appreciate it!