Fixed width menu plus content.

Hello, How can i create a fixed-width menu to the left with content to the right that fills up the rest of the page. ie, no auto-width, it needs to fill up all the way to the right edge.

So if you create a horizontal line in the content it will draw all the way to the right (except for some padding of course)

Check attached picture.

Nav List Problems


This is a very newbie question. I'm creating a top nav menu in html/css and i've got it working fine in firefox but when I view it in IE8 it's vertical list of blocks 100% width. I don't want to have to hardcode widths for items. Any help would be great. CSS/HTML below, thanks.

<div id="mainNav">
<h2 class="access">Primary navigation starts here:</h2>
<li><a href="../a.php" class="home">Home</a></li>
<li><a href="../b.php" class="about">About</a></li>
<li><a href="../c/" class="shop selected">Shop</a></li>
<li><a href="../d.php" class="register">Register</a></li>

UL Positioning Keeps Breaking

I have been battling with a positioning problem that I can't seem to solve on my own.

Slider *ie* Help Please!


I'm having a few issues with my css file.
My slider is not showing up at all in ie, and the menu is a little bit off.
Can someone please help me?

Here is the test page:


Here is the css code for the slider:

a img {
border : 0;
div.wrap-header {
width : 661px;
text-align : left;
div#top div#nav {
float : left;
clear : both;
width : 661px;
height : 52px;

newb css question


I've been writing css for a LONG time... but still this baffles me. I have the following snippet of css

.col_left ul.left_list1 li {
	padding: 10px;
	width: 250px;
	color: #7c7972;
.col_left ul.left_list1 li:hover {
.col_left ul.left_list1 li.current { 

Syndicate content