posicionamento de imagem

[Fabio Reis 1]

Bem pessoal estou modificando meu site que era feito em tabelas, queria ajuda para uma duvida:

 

tenho uma div chamada menu com o seguinte formato:

 

 

no caso ela é formada por 3 imagens:

que prencher a largura de toda div:

lateral - que preenche toda altura da div com 1px de largura colado a direita da div

e imagem de titulo menu - que fica abaixo do topo e antes da imagem lateral.

 

para isso coloquei o seguinte código css:

#menu {background-color: #FFFFFF;width: 130px; padding: 0px; float: left;}html>body #menu { width: 130px; }

bem como eu posso posicionar a imagem lateral que preencha toda altura somente em 1px a direita?

 

 

 

outra dúvida a imagem topo possui 130px, a div está marcada como 130 px.dentro dessa div tem o seguinte menu:

ul#menu {width:129px;border:0px solid #333333;margin:0;padding:0;list-style-type:none;}

com 129px, mais no firefox

a lista de menu ultrapassa o tamnho do topo que é 130px e lista menu está marcada para 129px.

o css necessita de outro marcação no ff?

 

 

outra coisa que aconteceu tb, e que eu tenho 2 arquivos css, um para a estrutura do site em geral e outro para o conteudo, formulariso etc.

eu adicono assim os dois css:

 

<link href="efeitos.css" rel="stylesheet" type="text/css"><link href="estrutura.css" rel="stylesheet" type="text/css"><style type="text/css"><!--@import url("efeitos.css");@import url("estrutura.css");--></style>

mais ao meu ver parece que o firefox só ta pegando o primeiro css.falaram que eu tinha que colocar como link e import o css, mesmo assim não funcionou.

[Fabio Reis 1]

opa pessoal, o problema da imagem foi solucionado, estou usando uma falsa coluna, como o majour explica no tuto no site dele e como o micox pendurou aqui em um tópico.