The case of the vanishing List items

[donpro]

https://testbed.odysseyshipping.com/

1. If you do a "View Source", you'll see that there are 4 unordered
lists in the footer yet they are not displaying in the browser
(Firefox or IE). Why?

2. Once I do manage to fire out the above, you can see that two middle
borders do not extend the same depth as the first or fourth. This
must be related to the fact that the first and fourth list have two
items each while the second and third only have one item. But my CSS
has the border in each outer DIV. So why is this happening?

CSS as follows:
----------------------
body {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: small;
background-color: #FFFFFF;
color: #000000;
}

#wrapper {
margin: 5px;
padding: 0;
background-color: white;
color: black;
}

#header {
margin: 0;
padding: 0;
}

#header_logo {
width: 100%;
margin: 0;
padding: 0;
float: left;
list-style: none;
background-image: url(../images/title_bar_right.gif);
background-position: top right;
background-repeat: no-repeat;
}

#header_logo:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html #header_logo { height: 1%; } /* for IE5+6 */
*:first-child+html #header_logo { min-height: 1px; } /* for IE7 */

#header_logo .header_logo_image {
float: left;
margin: 0;
padding: 0;
}

#header_menubar {
width: 100%;
margin: 0;
padding: 0;
float: left;
list-style: none;
background-image: url(../images/menurest.jpg);
background-repeat: repeat-x;
}

#header_menubar:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html #header_menubar { height: 1%; } /* for IE5+6 */
*:first-child+html #header_menubar { min-height: 1px; } /* for IE7 */

#header_menubar .header_menubar_image {
float: left;
margin: 0;
padding: 0;
}

#menuback {
width: 200px;
height: 31px;
}

#left_sidebar {
float: left;
width: 18%;
}

#left_sidebar:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html #left_sidebar { height: 1%; } /* for IE5+6 */
*:first-child+html #left_sidebar { min-height: 1px; } /* for IE7 */

#left_sidebar_wrapper {
border-right: thin solid #2a78c3;
}

#left_sidebar_header {
background-image: url(../images/menurest.jpg);
background-repeat: repeat-x;
padding: 5px 5px 15px 5px;
color: white;
font-weight: bold;
text-align: center;
vertical-align: middle;
}
* html #left_sidebar_header { padding-bottom: 5px; } /* for IE5+6 */
*:first-child+html #left_sidebar_header { padding-bottom: 5px; } /*
for IE7 */

#left_sidebar_form_wrapper {
margin-bottom: 20px;
padding-left: 3px;
padding-right: 3px;
}

#username_caption {
color: #003366;
}

#username_input {
padding-bottom: 5px;
}

#password_caption {
color: #003366;
}

#password_input {
padding-bottom: 5px;
}

#remember_password {
float: left;
padding-bottom: 5px;
}

#remember_password:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html #remember_password { height: 1%; } /* for IE5+6 */
*:first-child+html #remember_password { min-height: 1px; } /* for IE7
*/

#remember_checkbox {
float: left;
}

#remember_caption {
float: left;
padding-left: 5px;
font-size: 85%;
}

#login_button {
padding-left: 10px;
padding-bottom: 20px;
}

#forgotten_password_caption {
padding-bottom: 20px;
color: #993300;
font-size: 110%;
font-weight: bold;
}

#new_account_caption {
color: #993300;
font-size: 110%;
font-weight: bold;
}

#footer {
padding: 0;
margin: 0;
clear: both;
}

#footer_headers {
width: 100%;
margin: 0;
padding: 0;
padding-top: 5px;
padding-bottom: 5px;
float: left;
list-style: none;
background-image: url(../images/menurest.jpg);
background-repeat: repeat;
color: white;
font-weight: bold;
}

#footer_headers:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html #footer_headers { height: 1%; } /* for IE5+6 */
*:first-child+html #footer_headers { min-height: 1px; } /* for IE7 */

#footer_headers .footer_header_title {
margin: 0;
padding: 0;
padding-left: 1%;
width: 24%;
float: left;
font-weight: bold;
}

#footer_links {
width: 100%;
margin: 0;
padding: 0;
float: left;
color: white;
font-weight: bold;
}

#footer_links:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html #footer_links { height: 1%; } /* for IE5+6 */
*:first-child+html #footer_links { min-height: 1px; } /* for IE7 */

#footer_links .footer_links_title {
float: left;
border-right: thin solid #2a78c3;
}

#Main {
float: right;
width: 82%;
}

#homeMain_content {
padding: 0;
margin: 1em 1em;
text-align: center;
}

#homeMain_ship {
width: 500px;
height: 250px;
}
Thanks,
Don

[Harlan Messinger]

donpro wrote:

https://testbed.odysseyshipping.com/

1. If you do a "View Source", you'll see that there are 4 unordered
lists in the footer yet they are not displaying in the browser
(Firefox or IE). Why?

What would you expect white text on a white background to look like?

[Steve Swift]

Harlan Messinger wrote:

What would you expect white text on a white background to look like?

The inside of a ping-pong ball.

They don't appear in my browser because they are commented out. Perhaps
I've been overtaken by events.

--
Steve Swift
http://www.swiftys.org.uk/swifty.html
http://www.ringers.org.uk

[Harlan Messinger]

Steve Swift wrote:

Harlan Messinger wrote:

>What would you expect white text on a white background to look like?

The inside of a ping-pong ball.

They don't appear in my browser because they are commented out. Perhaps
I've been overtaken by events.

Yeah, that's new since yesterday.

[donpro]

On Jun 3, 8:31 am, Harlan Messinger
<[e-mail]:

Steve Swift wrote:

Harlan Messinger wrote:

What would you expect white text on a white background to look like?

The inside of a ping-pong ball.

They don't appear in my browser because they are commented out. Perhaps
I've been overtaken by events.

Yeah, that's new since yesterday.

Yes I've changed things. Write text on white background, LOL. My
Bad!

I'm haviung another problem with Lists and Floats but I'll post anew.

Thanks,
Don

[Steve Swift]

>>What would you expect white text on a white background to look like?

>>
The inside of a ping-pong ball.

They don't appear in my browser because they are commented out.
Perhaps I've been overtaken by events.

Yeah, that's new since yesterday.

You've got to be kidding, I've been overtaken by events ever since some
time in the 1950's :-)

--
Steve Swift
http://www.swiftys.org.uk/swifty.html
http://www.ringers.org.uk